用JS控制回车事件的代码
时间：2021-04-01 08:17:30|栏目：JavaScript代码|点击： 次
我们操作习惯也确实是喜欢用回车建来直接提交数据。经过对项目的一番检查，这其实是页面设计得不好，导致浏览器在加载时把退出登录按钮当成默认的按钮，所以一按回车就触这退出按钮事件。考虑到一个庞大的项目为了这个问题去改页面设计也不太现实，况且客户要求在有“保存”按钮时按回车按钮就触发“保存”按钮事件，有“下一步”按钮时就触发它的事件，有“提交”按钮时就触发相应的事件等等，如果一个个页面去改动那工作量可就大得惊人了。于是乎考虑用直接在模板header文件中用js来实现全站对回车按钮的事件触发，下面是相应的代码：
<script language="javascript" for="document" event="onkeydown">
//回车按钮事件处理
if (event.keyCode == 13){
event.keyCode=0;
var list=document.getElementsByTagName("input");
for(var i=0;i<list.length && list[i];i++)
{
if(list[i].id.indexOf("IBtnNextStep")>0){//ID中包含有“IBtnNextStep”字眼的按钮
list[i].click();
}
if(list[i].id=="BtnSave"){
list[i].click();
}
if(list[i].id=="BtnSumbit"){
list[i].click();
}
}
return false;
}
</script>
其实也蛮简单的，就在模板文件中加入上面那段，先获取回车事件，然后就获取页面的所有按钮，一个个循环判断按钮ID是否符合你要求，是的就去触发按钮的事件。上面代码还存在一个问题就是当你页面中同时存在了那几个ID的按钮时，会导致触发所有按钮，至于如何改进就看实际应用场景了，而在我的项目中是不会出现同时存在这几个按钮，所以可以平安应用。
复制代码 代码如下:
<script language="javascript" for="document" event="onkeydown">
//回车按钮事件处理
if (event.keyCode == 13){
event.keyCode=0;
var list=document.getElementsByTagName("input");
for(var i=0;i<list.length && list[i];i++)
{
if(list[i].id.indexOf("IBtnNextStep")>0){//ID中包含有“IBtnNextStep”字眼的按钮
list[i].click();
}
if(list[i].id=="BtnSave"){
list[i].click();
}
if(list[i].id=="BtnSumbit"){
list[i].click();
}
}
return false;
}
</script>
其实也蛮简单的，就在模板文件中加入上面那段，先获取回车事件，然后就获取页面的所有按钮，一个个循环判断按钮ID是否符合你要求，是的就去触发按钮的事件。上面代码还存在一个问题就是当你页面中同时存在了那几个ID的按钮时，会导致触发所有按钮，至于如何改进就看实际应用场景了，而在我的项目中是不会出现同时存在这几个按钮，所以可以平安应用。
上一篇：基于JavaScript 声明全局变量的三种方式详解
栏 目：JavaScript代码
本文标题：用JS控制回车事件的代码
本文地址：http://www.codeinn.net/misctech/92169.html
