回車鍵執行js程式碼 {鍵盤事件}

阿新 • • 發佈：2018-11-03

    onkeypress=function(event){
        if(event.keyCode == 13){
            $('#btn').click();
        }
    };

完整程式碼

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" 
>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>成品繫結半成品列表</title>
    <script src="./js/jquery-2.1.1.min.js"></script>
    <script src="./js/jquery.paginationnew.js"></script>
</head>
<style>
    body{
        background: #DDEEF2 
;
    }
    section h3,.form-div{
        border:1px solid #BBDDE5;
        background: #F4FAFB;
        padding:5px;
    }
    section table{
        margin:0 auto;
        width:100%;
        border-top:1px solid #EEF8F9;
        border-left:1px solid #EEF8F9;
    }
    section table th{
        background 
: #BBDDE5;
        border-right:1px solid #EEF8F9;
        border-bottom:1px solid #EEF8F9;
        line-height:35px;
    }
    section table tr{
        background: #fff;
    }
    section table td{
        border-right:1px solid #EEF8F9;
        border-bottom:1px solid #EEF8F9;
        line-height:27px;
    }
    tr:hover{
        background-color:#F4FAFB;
    }
    .form-div{
        margin-bottom:15px;
    }
    .form-div input[name='keyword']{
        width:200px;
    }
    .active{
        padding:5px 10px;
        border-radius:10px;
        background-color:#80BDCB;
        color:#fff;
    }
    .jump-ipt{
        width: 60px;
    }
    .box a{
        padding:5px;
        color:#192E32;
    }
    #cangku_log{
        height: 22px;
    }
</style>
<body>
<section>
    <h3>成品繫結半成品列表</h3>
    <div class="form-div">
        <input type="text" value="" name="keyword" size="15" id="keyword" placeholder="請輸入產品名稱">
        <input type="submit" value=" 搜尋 " class="button" id="btn">
    </div>
    <table cellspacing="0" cellpadding="0" border="0" id="tab">
    </table>
    <input type="hidden" id="count" value="{$count}">
    <div class="box" style="float: right;margin-top:15px;"></div>
</section>
<script>
    $(function(){
        $('.box').pagination({
            jump:true,
            coping:true,
            totalData:$("#count").val(),
            showData:13,
            keepShowPN:true,
            homePage:'首頁',
            endPage:'末頁',
            prevContent:'上頁',
            nextContent:'下頁',
            callback:function(api){
                var index = api.getCurrent();
                InitTable(index);
            }
        });
        InitTable(1);

        function InitTable(index){
            $.ajax({
                type: "POST",
                url: 'goodsbcp_cp.php',
                data: {pageIndex: index, act: 'ajaxall', pageSize: 13, keyword: $('#keyword').val()},
                //提交兩個引數：pageIndex(頁面索引)，pageSize(顯示條數)
                success: function (data) {
                    var data = JSON.parse(data);
                    var str = '<tr><th>編號</th><th>產品名稱</th><th>規格</th><th width="110px;">操作</th></tr>';
                    $.each(data, function (index, obj) {
                        str += '<tr>';
                        str += '<td>' + obj.goods_id + '</td>';
                        str += '<td>' + obj.goods_name + '</td>';
                        str += '<td>' + obj.goods_arrt_name + '</td>';
                        if(obj.tag == 'tag'){
                            str += '<td align="center"><a href="goodsbcp_cp.php?act=bcp_bind&goods_id='+obj.goods_id+'&attr_id='+obj.lib_id+'"><button>已繫結</button><button style="margin-left: 2px;">解綁</button></a></td>';
                        }else{
                            str += '<td align="center"><a href="goodsbcp_cp.php?act=bcp_bind&goods_id='+obj.goods_id+'&attr_id='+obj.lib_id+'"><button>去繫結</button></a></td>';
                        }
                        str += '</tr>';
                    })
                    $('#tab').html(str);
                }
            });
        }

        $('#btn').click(function(){
            $.ajax({
                type:'post',
                url:'goodsbcp_cp.php',
                async: false,
                data:{act:'countall',keyword:$('#keyword').val()},
                success:function(count){
                    $('#count').val(count);
                    $('.box').pagination({
                        jump:true,
                        coping:true,
                        keepShowPN:true,
                        totalData:$("#count").val(),
                        showData:13,
                        homePage:'首頁',
                        endPage:'末頁',
                        prevContent:'上頁',
                        nextContent:'下頁',
                        callback:function(api){
                            var index = api.getCurrent();
                            InitTable(index);
                        }
                    });
                }
            })
            InitTable(1);
        })
    });

    onkeypress=function(event){
        if(event.keyCode == 13){
            $('#btn').click();
        }
    };
</script>
</body>
</html>

onkeypress 事件
http://www.w3school.com.cn/jsref/event_onkeypress.asp
Keycode對照表
https://jingyan.baidu.com/article/fec7a1e5d6700a1190b4e725.html

回車鍵執行js程式碼 {鍵盤事件}

onkeypress=function(event){ if(event.keyCode == 13){ $('#btn').click(); } }; 完整程式碼 <!doctype html>

JS獲取鍵盤事件

sem fun char enter 鍵盤 equal greate amd lan <script type="text/javascript" language=JavaScript charset="UTF-8"> document.onke

selenium執行js程式碼，滑動頁面滾動條

1.滾動頁面底部 js="var q=document.getElementById('id').scrollTop=10000" driver.execute_script(js) 2.滾到頁面頂部 js="var q=document.

js 判斷鍵盤事件大全相容FireFox和IE（退格、製表、回車、空格、方向鍵、刪除鍵等）

js 鍵盤事件全面控制相容FireFox和IE 主要分四個部分第一部分：瀏覽器的按鍵事件第二部分：相容瀏覽器第三部分：程式碼實現和優化第四部分：總結第五部分：例項介紹附：鍵盤對應編碼值第一部分：瀏覽器的按鍵事件用js實現鍵盤記錄，要關注瀏覽器

firefox瀏覽器下href執行js程式碼

firefox瀏覽器裡，標籤a的href執行js程式碼時不能執行臺複雜的語句，只能執行單語句程式碼。即href="javascript: func1();func2();",此時可能會出錯。 href="javascript:funct1()"可以正確執行。如果非要執行復雜的

js中鍵盤事件、阻止按下返回鍵返回到上一頁

keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L keycode 18 = Alt_L k

怎麼在chrome的位址列中執行js程式碼

crtl+shift+j chorme自帶的開發人員工具 console+log可以直接輸出指令碼程式碼 javascript:alert("js")或者confirm("js");可以直接打印出

js程式碼觸發事件　函式列表

onabort 當用戶中斷下載影象時觸發。 onactivate 當物件設定為活動元素時觸發。 onafterprint 物件所關聯的文件列印或列印預覽後立即在物件上觸發。 onafterupdate 當成功更新資料來源物件中的關聯物件後在資料繫結物件上觸發。 onbefor

幾種自動執行js程式碼的方式

最近在看jquery，發現他居然能自動執行js程式碼，於是就查了下，收集了幾種常用的實現方法 jquery的方法使用場景：任何需要執行的js特效 $(document).ready(fu

Selenium Webdriver 的使用java執行js程式碼解決 ScriptEngine不支援瀏覽器內建物件window,document的問題

問題場景：使用java 掉用js程式碼，發現 ScriptEngine不支援瀏覽器內建物件window,document的問題；問題一：為什麼要用java掉用js程式碼？比如在抓取(爬取)對方網站時，需要破解一些js邏輯程式碼合作加密演算法，但是js混淆了

JS_實現頁面載入完再執行JS程式碼

1 在body中用onload: <body onload="myfunction()"> 2 在指令碼中用window.onload: <script type="text/javascript"> function myfun() { alert("this window

JS中鍵盤事件及keyCode對照表

一.Keycode對照表二.鍵盤事件1.鍵盤事件：完整的 key press 過程分為兩個部分：1. 按鍵被按下；2. 按鍵被鬆開。keydown：按鍵按下keyup：按鍵擡起keypress：按鍵按下擡起2.使用時//jq的方式 $("input").keydown(fun

js程式碼觸發事件

js觸發按鈕點選事件 function load(){ //下面兩種方法效果是一樣的 document.getElementById("target").onclick();

js捕獲鍵盤事件之keydown、keyup以及keypress

js keyup、keypress和keydown事件都是有關於鍵盤的事件當一個按鍵被pressed 或released在每一個現代瀏覽器中，都可能有三種客戶端事件。 keydown eventkeypress eventkeyup event keydown事件發生

原生JS實現DOM載入完成馬上執行JS程式碼

用原生JS我們經常使用window.onload事件來載入頁面。但是window.onload是在頁面元素都載入完畢後才執行，如果頁面內有大的圖片的話，會在頁面展現後好久時間後才執行。所以有時我們需要在DOM載入時馬上執行一些函式。jQuery提供了document.rea

js 模擬鍵盤事件

想要實現用js程式碼模仿鍵盤的輸入事件，實現比如鍵盤上刪除功能等，結果發現似乎實現不了，總結下失敗經驗。基本上都是使用dispatchEvent或者jQuery的trigger。理解偏差貌似在於“”模擬輸入事件“”幾個字上。比如你添加了監聽刪除按鍵的按下，然後可

WebView 無法執行js程式碼

下午在研究webView 與js之間的呼叫，於是到w3school上找了一個html的頁面。 html頁面： <html> <head> <script type="text/javascript"> function show

17-Python執行JS程式碼--PyExecJS、PyV8、Js2Py

一、Python執行JS程式碼--PyExecJS、PyV8、Js2Py 1.1、PyExecJS 　　PyExecJS的優點是您不需要照顧JavaScript環境。特別是，它可以在Windows環境中執行，而無需安裝額外的庫。PyExecJS的缺點之一是效能。PyExecJS通過文字傳達JavaScript

JS程式碼執行機制---事件迴圈(EVENTLOOP)

JS的執行機制是一個主執行緒和一個任務佇列(Eventqueue)，所有的同步任務都是在主執行緒上直接執行的。非同步任務都被放在任務佇列中。（這裡盜了一個圖）這時程式的執行還沒有真正的進入事件迴圈。接下來非同步任務的執行，就涉及到了巨集任務和微任務。所有的任務在主執行緒執行，會形成一個執行棧，執行

回車鍵觸發事件的js程式碼、input輸入框值改變事件、js陣列

1、回車鍵觸發事件的js程式碼在文字框中輸入完內容後,經常需要按回車,焦點跳到下個文字框,或者觸發按鈕事件判斷是否按下的為回車非常簡單: function EnterPress(){ if(event.keyCode == 13){ ...

回車鍵 執行js程式碼 {鍵盤事件}

相關推薦

回車鍵執行js程式碼 {鍵盤事件}