web 屏蔽BackSpace鍵實(shí)例代碼
更新時(shí)間：2016年12月24日 16:32:14 作者：0day__
在web端，輸入的時(shí)候，很容易在文本框消失焦點(diǎn)的時(shí)候，點(diǎn)擊退格鍵，頁(yè)面就回退了，下面是一種屏蔽頁(yè)面回退鍵的方法,一起看看吧
在web端，輸入的時(shí)候，很容易在文本框消失焦點(diǎn)的時(shí)候，點(diǎn)擊退格鍵，頁(yè)面就回退了，下面是一種屏蔽頁(yè)面回退鍵的方法（在網(wǎng)上找的，具體的地址忘記了?。。。?。
//處理鍵盤(pán)事件 禁止后退鍵（Backspace）密碼或單行、多行文本框除外
function forbidBackSpace(e) {
var ev = e || window.event; //獲取event對(duì)象
var obj = ev.target || ev.srcElement; //獲取事件源
var t = obj.type || obj.getAttribute('type'); //獲取事件源類型
//獲取作為判斷條件的事件類型
var vReadOnly = obj.readOnly;
var vDisabled = obj.disabled;
//處理undefined值情況
vReadOnly = (vReadOnly == undefined) ? false : vReadOnly;
vDisabled = (vDisabled == undefined) ? true : vDisabled;
//當(dāng)敲Backspace鍵時(shí)，事件源類型為密碼或單行、多行文本的，
//并且readOnly屬性為true或disabled屬性為true的，則退格鍵失效
var flag1 = ev.keyCode == 8 && (t == "password" || t == "text" || t == "textarea") && (vReadOnly == true || vDisabled == true);
//當(dāng)敲Backspace鍵時(shí)，事件源類型非密碼或單行、多行文本的，則退格鍵失效
var flag2 = ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea";
//判斷
if (flag2 || flag1) return false;
}
//禁止后退鍵 作用于Firefox、Opera
document.onkeypress = forbidBackSpace;
//禁止后退鍵 作用于IE、Chrome
document.onkeydown = forbidBackSpace;
以上所述是小編給大家介紹的web 屏蔽BackSpace鍵實(shí)例代碼，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
javascript判斷用戶瀏覽器插件安裝情況的代碼，需要的朋友可以參考下。2011-01-01
JavaScript中子對(duì)象訪問(wèn)父對(duì)象的方式詳解
js中雖然沒(méi)有傳統(tǒng)面向?qū)ο蟮木幊陶Z(yǔ)言里子類訪問(wèn)父類的特殊語(yǔ)法，但是我們可以根據(jù)需要造一個(gè)，接下來(lái)本文給大家分享在JavaScript中子對(duì)象訪問(wèn)父對(duì)象的方式,需要的朋友可以參考下2016-09-09
showModelessDialog()使用詳解...2006-09-09
這次在項(xiàng)目中前后臺(tái)的數(shù)據(jù)交互中用到了json，經(jīng)過(guò)這段時(shí)間的使用,簡(jiǎn)單總結(jié)一下json的原理與使用，需要了解的朋友可以參考下2012-11-11
javascript中callee與caller的用法和應(yīng)用場(chǎng)景
javascript中callee和caller的用法和應(yīng)用場(chǎng)景分析，需要的朋友可以參考下。2010-12-12
JS 網(wǎng)頁(yè)彩蛋 實(shí)現(xiàn)代碼
顯示一定時(shí)間后消失，刷新之后清空變量值，重新開(kāi)始記錄鍵值。 程序的原理就是檢測(cè)按鍵的鍵值，當(dāng)達(dá)到預(yù)定條件時(shí)執(zhí)行規(guī)定的函數(shù)。2009-09-09
js使用DOM操作實(shí)現(xiàn)簡(jiǎn)單留言板的方法
這篇文章主要介紹了js使用DOM操作實(shí)現(xiàn)簡(jiǎn)單留言板的方法,涉及javascript中DOM操作的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
微信小程序?qū)崿F(xiàn)手寫(xiě)簽名功能的步驟詳解,包括技術(shù)選型、實(shí)現(xiàn)步驟、優(yōu)化與拓展以及常見(jiàn)問(wèn)題解答,感興趣的朋友跟隨小編一起看看吧2025-01-01
大家都喜歡用innerHTML添加內(nèi)容，但是innerHTML這東西在兩大陣營(yíng)中有許多不同。2010-02-02
js知識(shí)點(diǎn)總結(jié)之getComputedStyle的用法
getComputedStyle是一個(gè)可以獲取當(dāng)前元素所有最終使用的CSS屬性值,下面這篇文章主要給大家介紹了關(guān)于js知識(shí)點(diǎn)總結(jié)之getComputedStyle用法的相關(guān)資料,需要的朋友可以參考下2022-10-10