用JS控制回车事件的代码
2011-02-20 00:00
253 查看
我们操作习惯也确实是喜欢用回车建来直接提交数据。经过对项目的一番检查,这其实是页面设计得不好,导致浏览器在加载时把退出登录按钮当成默认的按钮,所以一按回车就触这退出按钮事件。考虑到一个庞大的项目为了这个问题去改页面设计也不太现实,况且客户要求在有“保存”按钮时按回车按钮就触发“保存”按钮事件,有“下一步”按钮时就触发它的事件,有“提交”按钮时就触发相应的事件等等,如果一个个页面去改动那工作量可就大得惊人了。于是乎考虑用直接在模板header文件中用js来实现全站对回车按钮的事件触发,下面是相应的代码:
其实也蛮简单的,就在模板文件中加入上面那段,先获取回车事件,然后就获取页面的所有按钮,一个个循环判断按钮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的按钮时,会导致触发所有按钮,至于如何改进就看实际应用场景了,而在我的项目中是不会出现同时存在这几个按钮,所以可以平安应用。
相关文章推荐
- 用JS控制回车事件的代码
- JS基础学习第四天:条件控制语句、循环语句、函数模块、事件等通用代码块2
- js控制文本框内回车事件--IE and FireFox
- js-回车事件控制
- 文本框中,回车键触发事件的js代码[多浏览器兼容]
- JS定义回车事件(实现代码)
- js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
- js控制文本框内回车事件--IE and FireFox
- js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
- JS定义回车事件(实现代码)
- js控制文本框内回车事件--IE and FireFox
- 文本框中,回车键触发事件的js代码[多浏览器兼容]
- JS定义回车事件的代码法例
- 文本框中,回车键触发事件的js代码[多浏览器兼容]
- js获取、控制 回车事件。
- js控制input输入后捕获回车事件
- Js键盘事件全面控制,回车按键事件,键盘对应按键码,按键事件兼容各个浏览器。
- 文本框中,回车键触发事件的js代码[多浏览器兼容]
- 回车键触发事件的js代码、input输入框值改变事件、js数组