web 屏蔽BackSpace鍵實(shí)例代碼
在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'); //獲取事件源類(lèi)型 //獲取作為判斷條件的事件類(lèi)型 var vReadOnly = obj.readOnly; var vDisabled = obj.disabled; //處理undefined值情況 vReadOnly = (vReadOnly == undefined) ? false : vReadOnly; vDisabled = (vDisabled == undefined) ? true : vDisabled; //當(dāng)敲Backspace鍵時(shí),事件源類(lèi)型為密碼或單行、多行文本的, //并且readOnly屬性為true或disabled屬性為true的,則退格鍵失效 var flag1 = ev.keyCode == 8 && (t == "password" || t == "text" || t == "textarea") && (vReadOnly == true || vDisabled == true); //當(dāng)敲Backspace鍵時(shí),事件源類(lèi)型非密碼或單行、多行文本的,則退格鍵失效 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判斷用戶(hù)瀏覽器插件安裝情況的代碼
javascript判斷用戶(hù)瀏覽器插件安裝情況的代碼,需要的朋友可以參考下。2011-01-01JavaScript中子對(duì)象訪(fǎng)問(wèn)父對(duì)象的方式詳解
js中雖然沒(méi)有傳統(tǒng)面向?qū)ο蟮木幊陶Z(yǔ)言里子類(lèi)訪(fǎng)問(wèn)父類(lèi)的特殊語(yǔ)法,但是我們可以根據(jù)需要造一個(gè),接下來(lái)本文給大家分享在JavaScript中子對(duì)象訪(fǎng)問(wèn)父對(duì)象的方式,需要的朋友可以參考下2016-09-09javascript中callee與caller的用法和應(yīng)用場(chǎng)景
javascript中callee和caller的用法和應(yīng)用場(chǎng)景分析,需要的朋友可以參考下。2010-12-12JS 網(wǎng)頁(yè)彩蛋 實(shí)現(xiàn)代碼
顯示一定時(shí)間后消失,刷新之后清空變量值,重新開(kāi)始記錄鍵值。 程序的原理就是檢測(cè)按鍵的鍵值,當(dāng)達(dá)到預(yù)定條件時(shí)執(zhí)行規(guī)定的函數(shù)。2009-09-09js使用DOM操作實(shí)現(xiàn)簡(jiǎn)單留言板的方法
這篇文章主要介紹了js使用DOM操作實(shí)現(xiàn)簡(jiǎn)單留言板的方法,涉及javascript中DOM操作的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04js知識(shí)點(diǎn)總結(jié)之getComputedStyle的用法
getComputedStyle是一個(gè)可以獲取當(dāng)前元素所有最終使用的CSS屬性值,下面這篇文章主要給大家介紹了關(guān)于js知識(shí)點(diǎn)總結(jié)之getComputedStyle用法的相關(guān)資料,需要的朋友可以參考下2022-10-10