JavaScript监听和禁用浏览器回车事件实例_javascript技巧
来源:动视网
责编:小采
时间:2020-11-27 21:33:48
JavaScript监听和禁用浏览器回车事件实例_javascript技巧
JavaScript监听和禁用浏览器回车事件实例_javascript技巧:js监听浏览器回车事件,可以支持ie6+,火狐,谷歌等浏览器。 代码如下: //注册键盘事件 document.onkeydown = function(e) { //捕捉回车事件 var ev = (typeof event!= 'undefined') ? window.event : e; if
导读JavaScript监听和禁用浏览器回车事件实例_javascript技巧:js监听浏览器回车事件,可以支持ie6+,火狐,谷歌等浏览器。 代码如下: //注册键盘事件 document.onkeydown = function(e) { //捕捉回车事件 var ev = (typeof event!= 'undefined') ? window.event : e; if

js监听浏览器回车事件,可以支持ie6+,火狐,谷歌等浏览器。
代码如下:
//注册键盘事件
document.onkeydown = function(e) {
//捕捉回车事件
var ev = (typeof event!= 'undefined') ? window.event : e;
if(ev.keyCode == 13) {
alert('捕捉到了回车事件!');
}
}
script>
那么,如何捕捉指定DOM对象的回车事件?这里以input标签为例说明:
代码如下:
//注册键盘事件
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>
那么,js如何禁用浏览器回车事件?我们知道,在HTML表单区域内,按回车时浏览器的默认行为是自动提交表单。下面以这个为例说明js如何去禁用浏览器回车事件:
代码如下:
//注册键盘事件
document.onkeydown = function(e) {
//捕捉回车事件
var ev = (typeof event!= 'undefined') ? window.event : e;
if(ev.keyCode == 13 && document.activeElement.id == "msg") {
return false;//禁用回车事件
}
}
script>