源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-06-27 05:16 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JavaScript监听和禁用浏览器回车事件实例
js监听浏览器回车事件,可以支持ie6+,火狐,谷歌等浏览器。
[u]复制代码[/u] 代码如下:
<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标签为例说明:
[u]复制代码[/u] 代码如下:
<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如何去禁用浏览器回车事件:
[u]复制代码[/u] 代码如下:
<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>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部