首页 > PHP资讯 > HTML5培训技术 > js监听和禁用浏览器回车事件

js监听和禁用浏览器回车事件

HTML5培训技术

js监听 ><script type="text/javascript">//注册键盘事件document.onkeydown = function(e) { //捕捉回车事件 var ev = (typeof event!= 'undefined') ? window.event : e; if(ev.keyCode == 13) { alert('捕捉到了回车事件!'); }}《script》

那么,如何捕捉指定DOM对象的回车事件?这里以input标签为例说明:

<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》

那么,js如何禁用浏览器回车事件?我们知道,在HTML表单区域内,按回车时浏览器的默认行为是自动提交表单。下面以这个为例说明js如何去禁用浏览器回车事件:

<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》

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持13不支持0