web 屏蔽BackSpace鍵實例代碼
更新時間:2016年12月24日 16:32:14 作者:0day__
在web端,輸入的時候,很容易在文本框消失焦點的時候,點擊退格鍵,頁面就回退了,下面是一種屏蔽頁面回退鍵的方法,一起看看吧
在web端,輸入的時候,很容易在文本框消失焦點的時候,點擊退格鍵,頁面就回退了,下面是一種屏蔽頁面回退鍵的方法(在網(wǎng)上找的,具體的地址忘記了!?。。?。
//處理鍵盤事件 禁止后退鍵(Backspace)密碼或單行、多行文本框除外 function forbidBackSpace(e) { var ev = e || window.event; //獲取event對象 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鍵時,事件源類型為密碼或單行、多行文本的, //并且readOnly屬性為true或disabled屬性為true的,則退格鍵失效 var flag1 = ev.keyCode == 8 && (t == "password" || t == "text" || t == "textarea") && (vReadOnly == true || vDisabled == true); //當(dāng)敲Backspace鍵時,事件源類型非密碼或單行、多行文本的,則退格鍵失效 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鍵實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
javascript中callee與caller的用法和應(yīng)用場景
javascript中callee和caller的用法和應(yīng)用場景分析,需要的朋友可以參考下。2010-12-12js知識點總結(jié)之getComputedStyle的用法
getComputedStyle是一個可以獲取當(dāng)前元素所有最終使用的CSS屬性值,下面這篇文章主要給大家介紹了關(guān)于js知識點總結(jié)之getComputedStyle用法的相關(guān)資料,需要的朋友可以參考下2022-10-10