防止點選退格鍵使網頁後退例項程式碼

admin發表於2017-02-25
有些經常使用編輯器的朋友可能會遇到這樣的現象,當使用退格鍵BackSpace刪除文字的時候,並沒有實現這個效果,而是使網頁發生後退現象,這是一件非常惱人的事情,因為有時候已經編輯好的內容就此消失,下面就簡單介紹一下如何阻止這樣的情況發生。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
$(document).keydown(function(e){ 
  var doPrevent; 
  if(e.keyCode==8){ 
    var d=e.srcElement||e.target; 
    if(d.tagName.toUpperCase()=='INPUT'||d.tagName.toUpperCase()=='TEXTAREA') { 
      doPrevent=d.readOnly||d.disabled; 
    } 
    else {
       doPrevent=true; 
    }    
  } 
  else {
    doPrevent=false; 
  }
  if(doPrevent) {
    e.preventDefault(); 
  }
})


相關文章