JavaScript监听和禁用浏览器回车事件实例

  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>