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