JavaScript監(jiān)聽和禁用瀏覽器回車事件實(shí)例
js監(jiān)聽瀏覽器回車事件,可以支持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)簽為例說明:
<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如何去禁用瀏覽器回車事件:
<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 ES6中setTimeout函數(shù)的執(zhí)行上下文示例
這篇文章主要給大家介紹了關(guān)于JS ES6中setTimeout函數(shù)的執(zhí)行上下文的相關(guān)資料,文中給出了詳細(xì)的介紹和示例代碼供大家參考學(xué)習(xí),需要的朋友們下面來一起看看吧。2017-04-04JavaScript插入排序算法原理與實(shí)現(xiàn)方法示例
這篇文章主要介紹了JavaScript插入排序算法原理與實(shí)現(xiàn)方法,簡(jiǎn)單分析了插入排序的概念、原理并結(jié)合實(shí)例形式分析了JavaScript插入排序算法的具體實(shí)現(xiàn)技巧與注意事項(xiàng),需要的朋友可以參考下2018-08-08基于JS實(shí)現(xiàn)禁止查看源碼及獲取鍵盤的按鍵值
這篇文章主要介紹了基于JS實(shí)現(xiàn)禁止查看源碼及獲取鍵盤的按鍵值,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-02-02Ionic實(shí)現(xiàn)頁面下拉刷新(ion-refresher)功能代碼
這篇文章主要介紹了使用Ionic實(shí)現(xiàn)頁面下拉刷新(ion-refresher)功能的代碼,感興趣的朋友一起看看吧2016-06-06JavaScript+html實(shí)現(xiàn)前端頁面滑動(dòng)驗(yàn)證(2)
這篇文章主要為大家詳細(xì)介紹了JavaScript+html實(shí)現(xiàn)前端頁面滑動(dòng)驗(yàn)證的第二種方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-06-06JavaScript中String對(duì)象的使用方法以及實(shí)例
這篇文章主要給大家介紹了關(guān)于JavaScript中String對(duì)象的使用方法以及實(shí)例的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),方便開發(fā)者在JavaScript開發(fā)中更好地處理字符串,需要的朋友可以參考下2022-04-04動(dòng)態(tài)創(chuàng)建script在IE中緩存js文件時(shí)導(dǎo)致編碼的解決方法
這篇文章主要介紹了動(dòng)態(tài)創(chuàng)建script在IE中緩存js文件時(shí)導(dǎo)致編碼的解決方法,需要的朋友可以參考下2014-05-05JavaScript截取字符串的Slice、Substring、Substr函數(shù)詳解和比較
這篇文章主要介紹了JavaScript截取字符串的Slice、Substring、Substr函數(shù)詳解和比較,需要的朋友可以參考下2014-03-03