标题通俗的说，也就是绑定当用户按下回车键要执行的事件。
下面，入正题。
第一步，先编写简单的页面代码，这里我们只需要一个按钮就足够了。当然，还有按钮事件。
<html>
<head>
<title>测试绑定enter</title>
<script type="text/javascript">
function b_onclick() { alert("你好！"); }
</script>
</head>
<body>
<input type="button" value="测试按钮" id="test" onclick="b_onclick()" /> </body>
</html>
第二步，于
b_onclick()函数加入如下js代码：
function document.onkeydown()
{ //使用document.getElementById获取到按钮对象
var button = document.getElementById("test");
if(event.keyCode == 13)
{
button.click();
event.returnValue = false;
}
}
然
后于IE中运行，你会发现，即使焦点不在按钮上，当你按下回车，依然执行了按钮的函数。稍微解释一下代码： event.keyCode ==
13是判断按下的是那一个间，13代表的是回车键。 button.click();执行按钮事件。
event.returnValue =
false;这个是为了防止浏览器捕捉到用户按下回车键而进行其他操作。例如假如输入框中，没有这行代码的话，在执行完按钮事件后，其还会执行换行的动
作。第三步，很多人都认为做完上面的工作已经完成了整个作业。其实不是的。你尝试使用firefox浏览，就会发现，代码并不会执行。显然，这是因为
firefox不支持event事件对象。为了做到跨浏览器，不得不将代码进行优化。我们可以这个做：
首先，为boby添加一个onkeydown监控函数，如<body onkeydown="BindEnter(event)">
。其次修改原来的绑定函数为：
function BindEnter(obj)
{ //使用document.getElementById获取到按钮对象
var button = document.getElementById('test');
if(obj.keyCode == 13)
{
button.click();
obj.returnValue = false;
}
}
为什么要将事件对象作为参数传递呢？这是为了避免进行浏览器判别，节省代码。 OK，到这里已经基本完成了。完整代码如下：
<html>
<head>
<title>测试绑定enter</title>
<script type="text/javascript"> function b_onclick() { alert("你好！"); } function BindEnter(obj) {
//使用document.getElementById获取到按钮对象
var button = document.getElementById('test');
if(obj.keyCode == 13)
{ button.click();
obj.returnValue = false;
}
}
</script>
</head>
<body onkeydown="BindEnter(event)">
<input type="button" value="测试按钮" id="test" onclick="b_onclick()" /> </body> </html>
分享到：
相关推荐
在IT领域，实时监控IE（Internet Explorer）地址栏地址是一项重要的技术，主要应用于网络管理和安全控制。本技术的核心是通过编程手段获取用户在IE浏览器中输入的URL（统一资源定位符），进而实现对用户浏览行为的...
data[0] = {keyValue:'13',trigger:function(){alert("回车键");}}; data[1] = {keyValue:'17+75',trigger:function(){alert("Ctrl+K组合键");}}; $.setData(data); 程序BUG在所难免,也期待你的意见和修改！
总结起来，本文主要讨论了如何在JSP中使用JavaScript实现回车键监听按钮事件的跨浏览器兼容性，同时也涉及到了Java中各种类型的监听器、过滤器和拦截器等概念，以及与之相关的GUI事件监听和网络数据包监听等技术。...
在JavaScript中，`onchange`、`onpropertychange` 和 `oninput` 是与用户交互相关的事件，它们各自有特定的触发条件，特别是在处理表单元素的键盘输入和JavaScript动态赋值时。以下是对这三个事件的详细解释： 1. `...
因此，我们可以使用JavaScript（jQuery是JavaScript的一个库）来监听键盘事件，从而捕获扫码枪输入的数据。 在实现该功能时，我们面临两个主要问题：一是如何判断用户是否为手动输入；二是如何判断一个条码输入已经...
- **运行代码**：在控制台面板中输入 JavaScript 代码并回车，可以立即执行，方便测试。 ### 4. **异常处理** 当 JavaScript 代码抛出错误时，调试工具会在控制台面板中显示错误信息，包括错误类型、错误消息和...
本文作者通过对注册表的监控，借鉴高级程序修 改文件关联的方法，利用JavaScript创造性地写出了网页设置文件关联的网页程序。 文件关联的实质是在Windows操作系统中，将某类型的文件与某应用程序关联，使得用户可以...
Vue.js 是一个流行的前端JavaScript框架，用于构建用户界面。Vue.js 的核心库专注于视图层，易于上手，同时提供了丰富的生态系统来支持大型应用的构建。本手册将指导你如何在谷歌浏览器中快速部署和使用 Vue.js 开发...
- **src/main/resources**：存放配置文件（application.properties或application.yml）、静态资源（如CSS、JS、图片）、模板文件（如Thymeleaf或FreeMarker）等。 - **db**：可能包含初始化数据库的SQL脚本，用于...
- **用法**: 输入`eventvwr`并回车，启动事件查看器。 #### 49. `eudcedit` - **功能**: 字符编辑器，用于编辑特殊字符。 - **用法**: 输入`eudcedit`并回车，启动字符编辑器。 #### 50. `explorer` - **功能**: ...
- **用法**：直接输入`eventvwr`回车即可打开事件查看器。 **4. eudcedit** - **作用**：Unicode 编辑器，用于编辑 Unicode 文本文件。 - **用法**：直接输入`eudcedit`回车即可打开编辑器。 **5. explorer** - **...
### 常用的JS正则表达式知识点详解 #### 一、正则表达式的概述与应用场景 正则表达式是一种强大的文本处理工具，在JavaScript中主要用于字符串搜索与替换等操作。在前端开发中，正则表达式常用于表单验证、数据...
在zepto.js中，监听DOM元素的变化是常见的需求，特别是对于输入框（input）的实时监控，以便在用户输入时立即进行处理。本文将详细介绍如何使用zepto.js实时监听输入框的方法。 ### 1. `input` 事件 在zepto.js中...
在JavaScript开发领域，性能优化是提升用户体验的关键环节。在网页应用中，`Performance Timing API` 是一种用于衡量页面加载和执行效率的重要工具。本篇文章将深入探讨如何利用`Performance Timing API`来分析Slack...
RobotJS是一个强大的Node.js库，它允许开发者通过JavaScript来控制操作系统级别的功能，如模拟键盘输入、鼠标动作，以及屏幕截图等。这个“robotjs.rar”压缩包包含了RobotJS的v0.6版本，是一个离线安装包，适用于...
在前端开发中，jQuery 是一个不可或缺的工具，它极大地简化了 JavaScript 的操作，尤其是在处理DOM、事件、动画和Ajax交互等方面。在表单操作中，jQuery 提供了一系列方便的API，使得开发者可以更加高效地管理表单...
(2)不用考虑鼠标，直接监控扫码输入，若360卫士提示有键盘监控请通过 (3)在设置中，可修改扫码的数据和上传功能。修改数据后要保存才立即生效。 (4)扫码以回车13为结束，扫码的字符输入间隔可调整，一般60-80毫秒。
`init()`方法初始化组件，`actionPerformed()`方法响应文本框的回车事件，获取文本框内容并将其插入到文本区的特定位置，而`textValueChanged()`方法监听文本区的文本变化。 2. 复选框逻辑 第二个Applet（sy73）...
5. **监听键盘和鼠标事件**：添加额外的事件监听器，处理空格、退格、删除、回车、上下箭头等键，以及鼠标点击事件，以便用户能够方便地与提示列表交互。 6. **隐藏与显示**：点击页面其他位置或按ESC键时，隐藏提示...
在IE浏览器中，待网页完全加载后，在地址栏输入"javascript:alert(document.lastModified)"（不包括引号，注意大小写），回车后会弹出一个窗口显示最后的更新时间。 若使用IE修复软件后发现“开始”菜单中的“关机...