手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript监听和禁用浏览器回车事件实例
JavaScript监听和禁用浏览器回车事件实例
摘要:js监听浏览器回车事件,可以支持ie6+,火狐,谷歌等浏览器。复制代码代码如下://注册键盘事件document.onkeydown=fun...

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>

【JavaScript监听和禁用浏览器回车事件实例】相关文章:

JavaScript中Cookies的相关使用教程

Javascript节点关系实例分析

JavaScript实现Iterator模式实例分析

javascript委托(Delegate)blur和focus用法实例分析

javascript相关事件的几个概念

JavaScript实现的MD5算法完整实例

Javascript中For In语句用法实例

Javascript中With语句用法实例

JavaScript数组去重的3种方法和代码实例

浅析JavaScript中的事件机制

精品推荐
分类导航