实现input keydown回车触发登录事件

作者: admin 分类: 网页前端 发布时间: 2022-07-12 13:12

一、说明

任意触发 

不管当前焦点在哪个input输入框,只要回车就触发事件,如登录界面。

指定触发

指定某个input输入框回车时才触发事件。

二、实现

HTML代码

      <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>

JS代码

<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>

 

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

标签云