用JS控制回车事件的代码

我们操作习惯也确实是喜欢用回车建来直接提交数据。经过对项目的一番检查，这其实是页面设计得不好，导致浏览器在加载时把退出登录按钮当成默认的按钮，所以一按回车就触这退出按钮事件。考虑到一个庞大的项目为了这个问题去改页面设计也不太现实，况且客户要求在有“保存”按钮时按回车按钮就触发“保存”按钮事件，有“下一步”按钮时就触发它的事件，有“提交”按钮时就触发相应的事件等等，如果一个个页面去改动那工作量可就大得惊人了。于是乎考虑用直接在模板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的按钮时，会导致触发所有按钮，至于如何改进就看实际应用场景了，而在我的项目中是不会出现同时存在这几个按钮，所以可以平安应用。

赞 (0)

相关推荐

  • 兼容IE与firefox火狐的回车事件(js与jquery)

    javascript 兼容IE与firefox火狐的回车事件 复制代码 代码如下: <script language="javascript"> function keypress(e) { var currKey=0,e=e||event; if(e.keyCode==13)document.myform.submit(); } document.onkeypress=keypress; </script> 复制代码 代码如下: <script>

  • JS定义回车事件(实现代码)

    复制代码 代码如下: $(function () {            //定义回车事件            if (document.addEventListener) {//如果是Firefox                document.addEventListener("keypress", fireFoxHandler, true);            }            else {                document.attachEvent

  • 用JS控制回车事件的代码

    我们操作习惯也确实是喜欢用回车建来直接提交数据.经过对项目的一番检查,这其实是页面设计得不好,导致浏览器在加载时把退出登录按钮当成默认的按钮,所以一按回车就触这退出按钮事件.考虑到一个庞大的项目为了这个问题去改页面设计也不太现实,况且客户要求在有"保存"按钮时按回车按钮就触发"保存"按钮事件,有"下一步"按钮时就触发它的事件,有"提交"按钮时就触发相应的事件等等,如果一个个页面去改动那工作量可就大得惊人了.于是乎考虑用直接在模

  • Js 控制表单域代码

    1 2 3 s.options[0].selected=true //方法1 s.selectedIndex=1; //方法2 document.getElementById('ss').selectedIndex=1; //方法3,建议使用这个方法 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] js验证为正整数 复制代码 代码如下: <script> var re = /^[1-9]d*$/; //智能验证单个字符 if (!re.test(document.getElemen

  • jquery 回车事件实现代码

    jquery 回车事件实现代码

    例子,jquery键盘事件.回车键事件用法. // 键盘事件 1.keydown()  keydown事件会在键盘按下时触发. 2.keyup()  keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3.keypress()  keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键 复制代码 代码如下: // 回车键事件 // 绑定键盘按下事件     $(document).keypress(function(e) {      // 回车键事件       

  • js控制fieldset高度的代码

    比较方便的控制fieldset的高度 =50) { obj.style.height = parseInt(obj.style.height) + num; } if (num>0) { obj.width="90%"; } } //--> 不是太熟悉就要去学习 减小 增加 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • js控制鼠标事件移动及移出效果显示

    鼠标事件的移动及移出效果都可以使用js来自定义,下面有个示例,效果为当事件发生改变时背景颜色也随着改变,适合新手朋友 <style type="text/css"> .style0{ background-color:#FFFF00; } .style1{ background-color:#00FFFF; } </style> </head> <body> <table width="576" height=&

  • js控制淡入淡出示例代码

    相对来说可以让初学者看一下,并不太实用,可能jquery4条语句就能解决,但是原生相对有参照性,了解最终原理才是关键. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o

  • js监听键盘事件示例代码

    复制代码 代码如下: <script type="text/javascript" language=JavaScript charset="UTF-8"> var isPiss=0; document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode==27

  • JS控制图片翻转示例代码(兼容firefox,ie,chrome)

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>图片旋转效果<

  • jQuery javaScript捕获回车事件(示例代码)

    复制代码 代码如下: function getEnter(obj,evt){if(evt.keyCode == 13){var target = $(":input").not(":radio,select,:reset");for(var i=0;i<target.length;i++){if(target.get(i).name==obj.name){i++;if(i==target.length-1){$(target.get(i)).focus();/

随机推荐