JavaScript監(jiān)聽和禁用瀏覽器回車事件實(shí)例
更新時(shí)間：2015年01月31日 10:43:46 投稿：junjie
這篇文章主要介紹了JavaScript監(jiān)聽和禁用瀏覽器回車事件實(shí)例,本文直接給出示例代碼,需要的朋友可以參考下
js監(jiān)聽瀏覽器回車事件，可以支持ie6+，火狐，谷歌等瀏覽器。
復(fù)制代碼 代碼如下:
<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)簽為例說明：
復(fù)制代碼 代碼如下:
<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è)為例說明js如何去禁用瀏覽器回車事件：
復(fù)制代碼 代碼如下:
<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>
相關(guān)文章
詳解js中構(gòu)造流程圖的核心技術(shù)JsPlumb（2）
這篇文章主要介紹了js中構(gòu)造流程圖的核心技術(shù)JsPlumb，jsPlumb是一個(gè)強(qiáng)大的JavaScript連線庫，它可以將html中的元素用箭頭、曲線、直線等連接起來，適用于開發(fā)Web上的圖表、建模工具等，需要的朋友可以參考下2015-12-12
這篇文章主要介紹了微信小程序 二維碼生成工具 weapp-qrcode詳解,教大家如何在項(xiàng)目中引入weapp-qrcode.js文件，通過實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2021-10-10
JavaScript事件監(jiān)聽之鍵盤事件詳細(xì)介紹
在實(shí)際應(yīng)用中我們常常會(huì)遇到監(jiān)聽按鍵輸入和鼠標(biāo)點(diǎn)擊事件,下面這篇文章主要給大家介紹了關(guān)于JavaScript事件監(jiān)聽之鍵盤事件的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-06-06
簡(jiǎn)述Matlab中size()函數(shù)的用法
size（）函數(shù)用來獲取矩陣的行數(shù)和列數(shù)。接下來通過本文給大家介紹matlab中size()函數(shù)的用法，需要的朋友一起學(xué)習(xí)吧2016-03-03
ES6引入了一個(gè)新的函數(shù)類型，發(fā)現(xiàn)它并不符合這種運(yùn)行到結(jié)束的特性。這類新的函數(shù)被稱為生成器。生成器的出現(xiàn)是我們知道原來有時(shí)代碼并不會(huì)順利的運(yùn)行，可以通過暫停的方式進(jìn)行異步回調(diào)，讓我們摒棄了此前的認(rèn)知。本文就來聊聊JavaScript中生成器的相關(guān)知識(shí)2022-11-11
通過javascript實(shí)現(xiàn)段落的收縮與展開
這篇文章主要介紹了通過javascript實(shí)現(xiàn)段落的收縮與展開,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-06-06
這篇文章介紹了JavaScript的11個(gè)小技巧，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
JavaScript數(shù)組函數(shù)unshift、shift、pop、push使用實(shí)例
這篇文章主要介紹了JavaScript數(shù)組函數(shù)unshift、shift、pop、push使用實(shí)例,本文先是講解了聲明數(shù)組的方法,然后對(duì)4個(gè)函數(shù)使用給出了一些例子,需要的朋友可以參考下2014-08-08
Javascript函數(shù)緩存的實(shí)現(xiàn)及應(yīng)用場(chǎng)景
Javascript函數(shù)緩存是一種提高網(wǎng)頁性能的重要技術(shù),通過將函數(shù)結(jié)果存儲(chǔ)在緩存中,避免重復(fù)計(jì)算,從而提高頁面加載速度和響應(yīng)速度,本文主要介紹了Javascript函數(shù)緩存的實(shí)現(xiàn)及應(yīng)用場(chǎng)景,具有一定的參考價(jià)值,感興趣的可以了解一下2023-12-12
當(dāng)鼠標(biāo)滑過超鏈接出現(xiàn)提示框效果實(shí)例
當(dāng)鼠標(biāo)滑過超鏈接出現(xiàn)提示框效果實(shí)例，需要的朋友可以參考一下2013-04-04