js監(jiān)聽(tīng)瀏覽器回車事件,可以支持ie6+,火狐,谷歌等瀏覽器。
<html>
<head>
<script type="text/javascript">
//注冊(cè)鍵盤事件
document.onkeydown = function(e) {
//捕捉回車事件
var ev = (typeof event!= 'undefined') ? window.event : e;
if(ev.keyCode == 13) {
alert('捕捉到了回車事件!');
}
}
</script>
</head>
<body />
</html>
那么,如何捕捉指定DOM對(duì)象的回車事件?這里以input標(biāo)簽為例說(shuō)明:
<html>
<head>
<script type="text/javascript">
//注冊(cè)鍵盤事件
document.onkeydown = function(e) {
//捕捉回車事件
var ev = (typeof event!= 'undefined') ? window.event : e;
if(ev.keyCode == 13 && document.activeElement.id == "msg") {
alert("獲取到內(nèi)容:" + document.activeElement.value);
}
}
</script>
</head>
<body>
<input type="text" id="msg" value="" />
</body>
</html>
那么,js如何禁用瀏覽器回車事件?我們知道,在HTML表單區(qū)域內(nèi),按回車時(shí)瀏覽器的默認(rèn)行為是自動(dòng)提交表單。下面以這個(gè)為例說(shuō)明js如何去禁用瀏覽器回車事件:
<html>
<head>
<script type="text/javascript">
//注冊(cè)鍵盤事件
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>