监听页面回车事件

最新推荐文章于 2024-08-04 12:03:30 发布

qqzhuyuehe

最新推荐文章于 2024-08-04 12:03:30 发布

阅读量4.9k

点赞数

分类专栏： JavaScript 文章标签： input function firefox ie

本文链接：https://blog.csdn.net/qqzhuyuehe/article/details/6298278

版权

这篇博客介绍了如何在网页中捕获回车事件，特别是在不同浏览器（如Firefox和IE）下的处理方式。提供了两种解决方案：一是设置全局的onkeydown事件监听器，当特定元素（如id为'input_id'的输入框）获得焦点时，捕获并处理回车事件；二是直接在目标元素的onkeydown事件中编写处理函数，简化了焦点元素的判断。这两种方法都包含兼容FF、IE和Opera的代码实现。

摘要由CSDN通过智能技术生成

网页中经常要用到，回车执行搜索、回车执行表单提交等功能，而且鉴于IE和Firefox对事件处理的方式不一样，所以在网上查阅并总结如下：

1、将事件写成全局的，捕获页面内的所有按键，通过判断，只对指定的元素“input_id”处于焦点时再捕获回车事件

document.onkeydown = function(e) { // 兼容FF和IE和Opera var theEvent = e || window.event; var code = theEvent.keyCode || theEvent.which || theEvent.charCode; var activeElementId = document.activeElement.id;//当前处于焦点的元素的id if (code == 13 && activeElementId == "input_id") { doSomething();//要触发的方法 return false; } return true; }

2、将该函数直接写在要指定元素的onkeydown事件中，这样就不用去获取当前处于焦点的元素了

页面元素：

js代码：

function keyDownSearch(e) { // 兼容FF和IE和Opera var theEvent = e || window.event; var code = theEvent.keyCode || theEvent.which || theEvent.charCode; if (code == 13) { doSomething();//具体处理函数 return false; } return true; }