当前位置: 首页 > 新闻动态 > 软件编程

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

作者:用户投稿 浏览: 发布日期:2026-01-16
[导读]:这篇文章主要介绍了JavaScript监听和禁用浏览器回车事件实例,本文直接给出示例代码,需要的朋友可以参考下

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>

免责声明:转载请注明出处:http://m.jing-feng.com.cn/news/429437.html

扫一扫高效沟通

多一份参考总有益处

免费领取网站策划SEO优化策划方案

请填写下方表单,我们会尽快与您联系
感谢您的咨询,我们会尽快给您回复!