JavaScript监听和禁用浏览器回车事件实例
js监听浏览器回车事件，可以支持ie6+，火狐，谷歌等浏览器。
<html>
<head>
<scripttype="text/javascript">
//注册键盘事件
document.onkeydown=function(e){
//捕捉回车事件
varev=(typeofevent!='undefined')?window.event:e;
if(ev.keyCode==13){
alert('捕捉到了回车事件！');
}
}
</script>
</head>
<body/>
</html>
那么，如何捕捉指定DOM对象的回车事件？这里以input标签为例说明：
<html>
<head>
<scripttype="text/javascript">
//注册键盘事件
document.onkeydown=function(e){
//捕捉回车事件
varev=(typeofevent!='undefined')?window.event:e;
if(ev.keyCode==13&&document.activeElement.id=="msg"){
alert("获取到内容："+document.activeElement.value);
}
}
</script>
</head>
<body>
<inputtype="text"id="msg"value=""/>
</body>
</html>
那么，js如何禁用浏览器回车事件？我们知道，在HTML表单区域内，按回车时浏览器的默认行为是自动提交表单。下面以这个为例说明js如何去禁用浏览器回车事件：
<html>
<head>
<scripttype="text/javascript">
//注册键盘事件
document.onkeydown=function(e){
//捕捉回车事件
varev=(typeofevent!='undefined')?window.event:e;
if(ev.keyCode==13&&document.activeElement.id=="msg"){
returnfalse;//禁用回车事件
}
}
</script>
</head>
<body>
<formaction="form.php">
<inputtype="text"id="msg"name="msg"value=""/>
<inputtype="submit"value="submit"/>
</form>
</body>
</html>
热门推荐
7 简短的二胎祝福语
10 简短霸气女儿生日 祝福语
11 祝福语高考小众诗句简短
12 元旦祝福语20秒简短
13 老师过年祝福语大全 简短
14 一生祝福语简短
15 产检祝福语简短霸气
16 朋友店开张祝福语简短
17 生日爱情祝福语大全简短
18 朋友女儿生日祝福语 简短