常见问题

JavaScript监听和禁用浏览器回车事件实例

作者:用户投稿2026-01-11 19:27:16

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编程中容易出BUG的几点小知识

下一篇丨

JavaScript日期时间与时间戳的转换函数分享

全国咨询热线： 400-8878-609

新闻资讯

常见问题

JavaScript监听和禁用浏览器回车事件实例

联系我们