js监听浏览器回车事件，可以支持ie6+，火狐，谷歌等浏览器
<html>
<head>
<script type="text/javascript">
//注册键盘事件
document.onkeydown = function(e) {
//捕捉回车事件
var ev = (typeof event!= 'undefined') ? window.event : e;
if(ev.keyCode == 13) {
alert('捕捉到了回车事件！');
}
}
</script>
</head>
<body />
</html>
那么，如何捕捉指定DOM对象的回车事件？这里以input标签为例说明：
<html>
<head>
<script type="text/javascript">
//注册键盘事件
document.onkeydown = function(e) {
//捕捉回车事件
var ev = (typeof event!= 'undefined') ? window.event : e;
if(ev.keyCode == 13 && document.activeElement.id == "msg") {
alert("获取到内容：" + document.activeElement.value);
}
}
</script>
</head>
<body>
<input type="text" id="msg" value="" />
</body>
</html>
那么，js如何禁用浏览器回车事件？我们知道，在HTML表单区域内，按回车时浏览器的默认行为是自动提交表单。下面以这个为例说明js如何去禁用浏览器回车事件：
<html>
<head>
<script type="text/javascript">
//注册键盘事件
document.onkeydown = function(e) {
//捕捉回车事件
var ev = (typeof event!= 'undefined') ? window.event : e;
if(ev.keyCode == 13 && document.activeElement.id == "msg") {
return false;//禁用回车事件
}
}
</script>
</head>
<body>
<form action="form.php">
<input type="text" id="msg" name="msg" value="" />
<input type="submit" value="submit"/>
</form>
</body>
</html>
分享到：
相关推荐
本文主要讲述了如何使用JavaScript来监听和禁用浏览器的回车键事件。首先，我们将介绍如何捕获回车键事件，并给出相应的示例代码。然后，我们将详细说明如何在特定的DOM元素，比如表单中的输入框，上监听回车事件。...
然而，为了确保跨浏览器的一致性，我们仍然推荐使用上述的JavaScript监听方法来统一处理回车键事件。 ### 综合解决方案 为了确保在IE、Firefox以及所有现代浏览器中都能正确实现文本框回车自动提交，最可靠的方法...
JavaScript事件是JavaScript编程中至关重要的一个概念，它用于响应用户或浏览器的行为，如点击、滚动、键盘输入等。本文将详细解析JavaScript事件的几个关键点：异步回调、事件对象、`this`关键字以及事件冒泡的管理...
2. 使用JavaScript监听键盘事件：通过绑定`onkeypress`事件，检查按键码是否为13（回车键的ASCII码），如果是，则阻止默认的提交行为。例如： ```javascript document.onkeypress = function() { if (event.keyCode...
例如，地址栏的“回车”事件可以触发加载网页的动作，前进/后退按钮的点击事件则可以改变`QWebEngineHistory`的当前索引。 此外，为了提供更完整的功能，我们可能还需要实现以下几点： - **历史记录**：保存并加载...
总结来说，防止`<input>`按回车自动提交`<form>`表单，可以通过增加隐藏的`<input>`元素或者使用JavaScript监听并阻止回车键的默认行为。这两种技术在实际开发中都得到了广泛的应用，可以根据项目需求选择适合的实现...
在JavaScript中，阻止浏览器默认行为和停止事件冒泡是两种重要的事件处理机制，它们主要用于定制交互体验和解决浏览器之间的兼容性问题。以下是关于这两个概念的详细说明： **阻止浏览器默认行为**： 当用户触发...
综上所述，ASP.NET回车提交事件的处理涵盖了HTML的表单行为、ASP.NET控件的特性和JavaScript的交互。开发者可以根据具体需求，通过设置`defaultButton`属性、调整控件呈现方式或使用JavaScript事件处理，来控制回车...
具体来说，就是通过监听文本输入框的键盘按下事件（onkeydown），检测回车键（keyCode 13）的触发，并在事件处理函数中阻止其默认的表单提交行为。 首先，需要在文本输入框元素中添加一个onkeydown属性，该属性将...
- **键盘事件**：对于输入框，可能需要监听`keyup`事件，以便在用户按下回车键时自动提交内容。 3. **数据存储**： - **数组存储**：将所有留言和评论存储在JavaScript数组中，便于管理和操作。 - **本地存储**...
在中文输入法环境下，扫描枪读取的英文字符串如果通过回车事件触发，可能会被系统误识别为汉字输入的一部分，这会导致原本的英文字符串被错误地转换成中文字符，从而影响后续的数据处理和解析。例如，这可能在物流、...
- **兼容性**：该脚本基于IE浏览器的事件模型编写，可能不完全兼容现代浏览器的标准事件模型。 - **用户体验**：虽然限制用户输入对于某些场景非常必要，但也可能会降低用户体验。因此，在实际应用时需谨慎考虑。 #...
在JavaScript中，我们可以使用`onkeydown`事件来监听用户按下键盘上的键。当用户按下Enter键时，会触发这个事件。为了实现禁用Enter键自动提交表单的功能，我们需要编写一个函数，该函数会在`onkeydown`事件触发时被...
总之，通过合理地运用HTML5的`autocomplete`属性和JavaScript事件监听，可以有效避免浏览器的默认自动填充，同时实现自定义的自动登录功能。需要注意的是，这种做法可能会影响到用户体验，因此在实际应用中应权衡...
JavaScript 前端开发在面试...这些题目旨在考察JavaScript的DOM操作、事件处理、CSS布局和浏览器兼容性等基础技能，以及在实际项目中解决问题的能力。对于一个合格的JavaScript前端开发者来说，这些都是必备的技能点。
为了实现这一目标，我们可以使用jQuery的`keypress`事件监听器，来检测用户是否按下回车键（键盘码为13）。在jQuery中，我们可以这样编写代码： ```javascript $(document).ready(function() { $('.a').keypress...
综上所述，标题和描述提供的js函数，通过一系列JavaScript的事件监听和事件处理机制，实现了屏蔽键盘特定按键的默认行为，并在某些情况下给予用户反馈提示。这些知识可以应用于网页开发和维护中，帮助开发者控制用户...
综上，文本框回车提交与禁止提交是网页交互中的常见需求，通过JavaScript和HTML事件监听可以轻松实现。在实现这些功能的同时，不要忘记进行必要的输入验证和考虑无障碍性，以提供更好的用户体验。
总结来看，文章主要讲述了在不同的浏览器环境中，如何通过编写JavaScript代码来监听和阻止全局或指定控件上的键盘按键事件。这是网页开发中的一个重要方面，特别是在需要提高用户交互体验或增强安全性的场景中。通过...