javascript阻止瀏覽器後退事件防止誤操作清空表單_javascript技巧

由於客戶大多是不懂電腦的大菜鳥。所以誤操作比較多，有時沒有選取文字框，然後不小心按了退格之後，剛剛辛苦填好的表單就什麼也後退的沒有了。上網查了很多資料，然後整合了一下。分享給大家。也希望優格姊姊來看看我的第一篇技術部落格。呵呵(別介意我提到了你哦。)。廢話不多說。上源碼。

複製程式碼 程式碼如下:

$(function(){


$(function(){
/處理鍵盤事件禁止後退鍵（Backspace）密碼或單行、多行文字方塊除外
function banBackSpace(e){
var ev = e || window.event;//取得event物件
var obj = ev.target || ev.srcElement;//取得事件來源

var t = obj.type || obj.getAttribute('type');//取得事件來源類型

/ /取得作為判斷條件的事件類型
var vReadOnly = obj.getAttribute('readonly');
var vEnabled = obj.getAttribute('enabled');
//處理null值狀況 vReadOnly = (vReadOnly == null) ? false : true;
vEnabled = (vEnabled == null) ? true : vEnabled;

//當敲Backspace鍵時，事件來源類型為密碼或單行、多行文字的，
//且readonly屬性為true或enabled屬性為false的，則退格鍵失效
var flag1=(ev.keyCode == 8 && (t=="password" | | t=="text" || t=="textarea")
&& (vReadOnly || vEnabled!=true))?true:false;

//當敲Backspace鍵時，事件來源型別非密碼或單行、多行文字的，則退格鍵失效
var flag2=(ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea ")
?true:false;

//判斷
if(flag2){
return false;
}
if(flag1){
return false>return false ;
}
}

//禁止後退鍵作用於Firefox、Opera
document.onkeypress=banBackSpace;
//禁止後退鍵作用於IE、Chrome
document.onkeydown=banBackSpace;

window.history.forward(1);//屏蔽瀏覽器自帶的後退鍵
})

需要注意的地方是：

這段程式碼一定要放到初始化方法中。然後用document.onkeypress=banBackSpace去呼叫自己寫的方法。 複製程式碼

程式碼如下:

vReadOnly = (vReadOnly : true ;對於這段程式碼，原來冒號後面是vReadOnly這個值,後來發現在我專案中它回傳空,不是null於是改成了true 。 按照上面方法即可實現在非text,password,textare時按退格阻止瀏覽器後退事件，但是不會阻止在文本框有值時的退格事件。這是我的第一篇博客，希望各位多多捧場。