文本框中,回车键触发事件的js代码[多浏览器兼容]
来源:互联网 发布:淘宝怎么做品牌分销 编辑:程序博客网 时间:2024/06/06 01:29
判断是否按下的为回车非常简单:
function EnterPress(){ if(event.keyCode == 13){ // TODO } }
IE6的onkeypress会接受”回车事件”,而onkeydown不会接受
IE8的onkeypress不会接受”回车事件”,而onkeydown会接受
…不用纠结于此,两个都写上吧
<input type="text" onkeypress="EnterPress()" onkeydown="EnterPress()" />
但是,到了FF下面,又会出现矛盾.FF是onkeypress和onkeydown都接受”回车事件”的.
同时,为了兼容FF下面能获得event,需要这样写:
function EnterPress(e){ //传入 event var e = e || window.event; if(e.keyCode == 13){ ... } }
那么,只要给任意的一个事件内传参数 event,另外一个不传参数,即可以让FF只执行一次了:
<input type="text" onkeypress="EnterPress(event)" onkeydown="EnterPress()" />
综上,兼容IE和FF:
<head> <script> function EnterPress(e){ //传入 event var e = e || window.event; if(e.keyCode == 13){ document.getElementById("txtAdd").focus(); } } </script> </head> <body> <input type="text" id="txtName" onkeypress="EnterPress(event)" onkeydown="EnterPress()" /> <input type="text" id="txtAdd" /> </body>
转载自
0 0
- 文本框中,回车键触发事件的js代码[多浏览器兼容]
- 文本框中,回车键触发事件的js代码[多浏览器兼容]
- .NET2005中在文本框中按下回车键触发提交事件
- 终于成功的做到了兼容IE、FF、google的回车键触发事件(js源代码)
- 在文本框textbox1中按回车键Enter,触发按钮button1的单击事件click()
- 回车键触发事件的js代码、input输入框值改变事件、js数组
- 兼容IE,FF,Google的回车键触发事件
- 触发click事件 浏览器兼容
- 触发浏览器的click事件,浏览器之间兼容
- angularjs中回车键触发某一事件
- FireFox与IE 下js兼容触发click事件的代码
- FireFox与IE 下js兼容触发click事件的代码
- FireFox与IE 下js兼容触发click事件的代码
- js在文本框回车触发事件的方法
- js在文本框回车触发事件的方法
- jquery 扑捉回车键触发的事件
- 回车键触发button的onclick事件
- 兼容浏览器的js事件绑定函数
- jQuery 自定义事件
- 可扩散列
- 【C++专题】static_cast, dynamic_cast, const_cast探讨
- 面向对象 —— 类设计(八)
- 无锁队列的实现-循环数组
- 文本框中,回车键触发事件的js代码[多浏览器兼容]
- 你对我很重要,你的出现改变了我的生活
- svn常用命令
- JAVA中文乱码解决之道
- Cipher类_Java加密与解密的艺术
- memset函数的初步使用
- linux rsync安装配置
- JSON对象序列化与反序列化
- nginx服务器安装及配置文件详解(转载)