支持FF和IE的回车提交(不使用Submit按钮)

最新推荐文章于 2018-10-10 14:18:09 发布

原创最新推荐文章于 2018-10-10 14:18:09 发布 · 141 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#IE

JS 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了两种处理网页中回车键事件的方法。一种是在每个页面的body标签中手动添加事件监听，另一种则是在JS文件中统一设置，方便复用。通过这两种方式可以有效地捕捉并响应用户的键盘输入行为。

最简单的做法：

方法一：每个页面body中都手动追加事件。

首先，直接在body中追加onkeydow事件，如下：

<body onkeydown="doEnter(event)">

然后，doEnter(event)中实现判断键值，并进行操作。

function doEnter(event){
       if(event.keyCode == 13){
		doFun();
		event.returnValue = false;
	}
}

但是这么做，每个页面的 body 中都要追加这么一句，费劲。

方法二：直接在js中实现onKeyDown事件，想使用的页面，只要引用就可以了。

首先，js中追加如下事件。

document.onkeydown = function(event){
   
    //IE中传入的参数无效，FF中有效，故需要此判断。
    var e = event ? event : (window.event ? window.event : null);
    
    if(e.keyCode == 13){
        doFun();
        e.returnValue = false;
    }
   
}

然后，需要使用的页面，引用此js即可。