js监听和禁用浏览器回车事件

原创 2013年12月05日 18:43:21

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>

版权声明:本文为“没有开花的树”原创文章,未经博主允许不得转载。

相关文章推荐

JS - 取消默认回车事件

提交表单的时候,有时候会想要阻止回车事件,使其必须点击按钮。JS代码如下: $(document).keydown(function(event){ switch(event...
  • J080624
  • J080624
  • 2017年04月06日 21:18
  • 893

转载:JS获取回车事件(兼容各浏览器) 另easyul框架的方式

原文地址:http://www.cnblogs.com/zhanglee/archive/2011/12/29/2731572.html JS获取回车事件(兼容各浏览器) JS获取回车事...

JS获取回车事件(兼容各浏览器)

JS获取回车事件一。用到onkeydown获取事件动作,二。用到键盘对应代码keyCode,三。 var event=arguments.callee.caller.arguments[0]||win...
  • yunpyy
  • yunpyy
  • 2014年09月11日 10:37
  • 500

js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)

在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1.阻止浏览器的默认行为 function stopDefault(e) { //如果提供...

JS监听手机端浏览器的后退按钮的事件方法

转载地址:http://www.jb51.net/article/89921.htm 首先我们要了解浏览器的history。 大家知道在页面中我们可以使用javascript window...

js监听浏览器滚轮事件

今天看了一篇关于使用css3方法实现整屏滚动效果的博客,发现里面用到了监听滚轮事件的js代码,于是翻了翻资料,进行了一下学习与总结: 下面是实现整屏切换的代码: ...

js监听浏览器后退事件

最近需求需要,需在浏览器(web 和 h5手机端)实现回退弹框 网上很少找到这个需求,找到的也是有bug的,最后解决了,分享一下问题和解决方案 用到的函数:window.history.pushS...

JS监听关闭浏览器事件之Onunload与Onbeforeunload

Onunload与Onbeforeunload  Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过window.onunload来指定或者在里指定。区别在于...

JS针对浏览器窗口关闭事件的监听方法

本文实例总结了JS针对浏览器窗口关闭事件的监听方法。 1、onbeforeunload事件:   说明:目前三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera...

实时监听js改变value,触发事件,跨浏览器支持

今天同事测试发现项目中一个小bug,然后我负责解决。研究了不短的时间,终于搞定了,有点激动。呵呵。拿出来与大家分享。  想要实现的功能大概是这样的:  有两个文本框,其中一个只读,另一个可以输...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js监听和禁用浏览器回车事件
举报原因:
原因补充:

(最多只允许输入30个字)