【第22期】观点:IT 行业加班,到底有没有价值?

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全局屏蔽回车键 以解决一些不必要的麻烦

全局屏蔽回车键 > document.onkeydown = function () { if (window.event && window.event.keyCode == 13)...

js禁止回车自动提交

原文地址http://hnly0901.blog.163.com/blog/static/525835992008712419395/ 亲自测试可以用 //禁止按回车提交 ...

程序员升职加薪指南!还缺一个“证”!

CSDN出品,立即查看!

js按enter键,禁止换行

按enter键,禁止换行 ue.addListener("keydown", function(type, event){    //if (event.ctrlKey && event.whic...

JavaScript阻止回车提交表单的方法

大家对回车键的功能应该比较熟悉,比如在windows系统的很多应用程序中,只要点击回车键就可以进入此程序或者开启某项功能,不过有时候我们希望阻止它的功能,例如在填写表单的时候,可能不小心点击回车键造成...

HTML页面禁用Enter键自动提交表单

在HTML页里面由于使用了form,常常需要禁用enter提交表单。因为内容页或者母版页自身有如果有type="submit"的button,当textbox聚焦时,按下enter都会触发表单的默认提...

js禁止按回车键时表单自动提交

//键盘enter事件         document.onkeypress=function(){     if(event.keyCode==13){    return false; ...

JS - 取消默认回车事件

提交表单的时候,有时候会想要阻止回车事件,使其必须点击按钮。JS代码如下: $(document).keydown(function(event){ switch(event...

jquery 禁止回车事件响应

jquery 禁止回车 $(this).keydown( function(e) { var key = window.event?e.keyCode:e.which; if(key....
  • IT429
  • IT429
  • 2016-10-25 16:51
  • 1237

去掉回车和换行js

str.replace(/[\r\n]/g,"");
  • wyyfwm
  • wyyfwm
  • 2012-02-01 17:23
  • 5379

【转】能使用html/css解决的问题就不要使用JS

原文地址 为什么说能使用html/css解决的问题就不要使用JS呢?两个字,因为简单。简单就意味着更快的开发速度,更小的维护成本,同时往往具有更好的体验,下面介绍几个实例。 1. 导航...
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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