文本框中,回车键触发事件的js代码[多浏览器兼容]
2023-06-13 09:14:19 时间
判断是否按下的为回车非常简单:
复制代码代码如下:
functionEnterPress(){
if(event.keyCode==13){
...
}
}
IE6的onkeypress会接受"回车事件",而onkeydown不会接受
IE8的onkeypress不会接受"回车事件",而onkeydown会接受
...不用纠结于此,两个都写上吧
<inputtype="text"onkeypress="EnterPress()"onkeydown="EnterPress()"/>
但是,到了FF下面,又会出现矛盾.FF是onkeypress和onkeydown都接受"回车事件"的.
同时,为了兼容FF下面能获得event,需要这样写:
functionEnterPress(e){//传入event
vare=e||window.event;
if(e.keyCode==13){
...
}
}
那么,只要给任意的一个事件内传参数event,另外一个不传参数,即可以让FF只执行一次了:
&<inputtype="text"onkeypress="EnterPress(event)"onkeydown="EnterPress()"/>
综上,兼容IE和FF:
<head>
<script>
functionEnterPress(e){//传入event
vare=e||window.event;
if(e.keyCode==13){
document.getElementById("txtAdd").focus();
}
}
</script>
</head>
<body>
<inputtype="text"id="txtName"onkeypress="EnterPress(event)"onkeydown="EnterPress()"/>
<inputtype="text"id="txtAdd"/>
</body>
--by:泡沫的幻想
相关文章
- ajax跨域解决方案domain_js解决跨域问题
- js事件高级:拖拽
- js鼠标事件 clientX、clientY、offsetX、offsetY、layerX、layerY、pageX、 pageY、screenX、screenY「建议收藏」
- vue如何引用外部js_引入外部js文件
- Node.js 使用 MongoDB 数据库实现数据存储(nodejs连接mongodb)
- Vue.js数据管理神器Vuex搭配MySQL数据库,打造高效实用的Web应用(vuexmysql)
- node.js与neo4j构建扩展性Web应用(nodeneo4j)
- 使用JS在网页中连接Oracle数据库(js网页链接oracle)
- 发一个自己用JS写的实用看图工具实现代码
- js获取坐标通过JS得到当前焦点(鼠标)的坐标属性
- .net,js捕捉文本框回车键事件的小例子(兼容多浏览器)
- js获取键盘按键响应事件(兼容各浏览器)
- 解析Android中webview和js之间的交互
- js时间函数应用加、减、比较、格式转换的示例代码
- js关闭浏览器窗口及检查浏览器关闭事件
- js的onload事件及初始化按钮事件示例代码
- js中事件的处理与浏览器对象示例介绍
- js获取触发事件元素在整个网页中的绝对坐标(示例代码)
- Js冒泡事件详解及阻止示例
- js获取客户端网卡的IP地址、MAC地址
- js统计页面的来访次数实现代码
- 用js闭包的方法实现多点标注冒泡示例
- 浅析node.js中close事件
- js事件监听机制(事件捕获)总结
- JS、CSS以及img对DOMContentLoaded事件的影响