jquery键盘enter事件


在开发中越来越多的表单提交使用ajax,很多情况下也就不能使用系统自带的enter键提交功能,所以就需要用js模拟enter键提交。
这里使用jquery方法:

  1. 第一步获取键盘按键事件
  2. 第二步判断是否按下enter键(通过检测按键的ASCII,enter键为13)
  3. 如果是enter键,则执行你想要的方法

$(document).ready(function(e) {
	$(this).keydown(function (e){
		if(e.which == "13"){
			//your code
	  	}
	})
});

但往往页面中我们可能不止有一个地方需要使用enter键,我们可能只是想要提交当前焦点所在的表单

所以,在获取了键盘事件之后,我们要判断当前页面交单是否在我们想要提交的表单里面

我们使用document.activeElement.id;方法获取当前焦点所在元素的ID

var focusActId = document.activeElement.id;
然后判断,这个id是否是我们需要提交的表单,如果是,则提交。

所以,结合enter事件,最终代码可以写成

$(document).ready(function(e) {
	$(this).keydown(function (e){
		if(e.which == "13"){
			var focusActId = document.activeElement.id;
			if(focusActId == 'topSearch'){
				$("#topSearchBtn").click();
			}
	  	}
	})
});




评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值