Jquery實現input keydown回車觸發登入事件(任意觸發、指定觸發)
阿新 • • 發佈:2019-01-06
一、說明
1、任意觸發:不管當前焦點在哪個input輸入框,只要回車就觸發事件,如登入介面。 2、指定觸發:指定某個input輸入框回車時才觸發事件。 |
1、html程式碼部分
2、js程式碼部分<body> 輸入框1:<input id="inputId1" name="inputName1" class="className1"/><br> 輸入框2:<input id="inputId2" name="inputName2" class="className2"/><br> <!-- 引入Jquery --> <script src="${dynamicDomain }/static/js/jquery-1.11.1.min.js"></script> </body>
<script type="text/javascript"> $(function(){ var event = arguments.callee.caller.arguments[0] || window.event;// 消除瀏覽器差異 //第1種,任意觸發 $(document).keydown(function(event) { if (event.keyCode == 13) { alert('登入事件'); //登入事件 } }); //第2種,指定觸發 $('#inputId1').keydown(function(event) { if (event.keyCode == 13) { alert('你輸入的值是' + $('#inputId1').val()); } }); }); </script>