js回车提交事件
发布时间：2015-10-15, 08:53:18 分类：HTML | 编辑 off 网址 | 辅助
正文 1140字数 119,020阅读
常常需要捕捉 用户的输入后用回车 提交的事件，而不是用鼠标单击一般有两种情况
一、整个页面用一个回车提交事件：
<input type="button" value="回车提交" id="auto" onclick="alert('你按了回车')"/>
<script type="text/javascript">
document.onkeydown = function(e){
if(!e) e = window.event;//火狐中是 window.event
if((e.keyCode || e.which) == 13){
document.getElementById("auto").click();
}
}
</script>
Run code
Cut to clipboard
二、某个输入框中注册回车事件，一般用于用户在页面输入后按回车:
<script>
function enterIn(evt){
var evt=evt?evt:(window.event?window.event:null);//兼容IE和FF
if (evt.keyCode==13){
var obj ;
queryDistrict(obj,2);
}
}
</script>
<input type="text" id ="input1" maxlength="3" onkeydown="enterIn(event);"/>
Run code
Cut to clipboard
如果一个页面可能需要捕捉多个回车事件，那么就利用上面的方式分开写
<script>
$(document).ready(function(){
$("按下回车的控件").keydown(function(e){
var curKey = e.which;
if(curKey == 13){
$("#回车事件按钮控件").click();
return false;
}
});
});
</script>
Run code
Cut to clipboard
（支付宝）给作者钱财以资鼓励 （微信）→
暂无评论 »