js監聽和禁用瀏覽器回車事件

js監聽瀏覽器回車事件,可以支持ie6+,火狐,谷歌等瀏覽器


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







發佈留言