JavaScript监听和禁用浏览器回车事件实例
2015-01-31 00:00
645 查看
js监听浏览器回车事件,可以支持ie6+,火狐,谷歌等浏览器。
那么,如何捕捉指定DOM对象的回车事件?这里以input标签为例说明:
那么,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) { 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监听和禁用浏览器回车事件实例
- js监听和禁用浏览器回车事件
- JavaScript事件监听完整实例(含注释)
- JavaScript事件监听进阶两实例
- javaScript如何监听浏览器关闭事件(区别刷新事件)
- JSP中用回车监听按钮事件兼容火狐 IE等主流浏览器
- JavaScript监听文本框回车事件并过滤文本框空格的方法
- JavaScript监听浏览器刷新或是关闭事件
- JavaScript 事件监听实例代码[兼容IE,firefox] 含注释
- JavaScript使用addEventListener添加事件监听用法实例
- JavaScript为事件句柄绑定监听函数实例详解
- JavaScript事件监听完整实例
- javaScript如何监听浏览器关闭事件
- 事件处理程序实现的另一种方法:浏览器的事件监听机制实现“1事件对应n事件处理程序”(Javascript)
- JSP中用回车监听按钮事件兼容火狐 IE等主流浏览器
- JavaScript为事件句柄绑定监听函数实例详解
- javaScript如何监听浏览器关闭事件
- input用JavaScript实现回车响应事件,兼容各浏览器
- js鼠标滚轮上下滚动监听事件应用实例(跨浏览器,亲测)
- iOS微信浏览器回退不刷新实例(监听浏览器回退事件)