JQuery防止退格鍵網(wǎng)頁后退的實現(xiàn)代碼
更新時間:2012年03月23日 22:51:29 作者:
有時我們需要防止退格鍵的網(wǎng)頁后退,一般情況下最好不要這么用,因為對UX體驗不好
下面是Js片段在IE9,F(xiàn)irebox 10.0.2 中測試過 :
$(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();
});
關(guān)于如何確定Backspace鍵的代碼可以通過這里.
希望對您Web開發(fā)有幫助。
復(fù)制代碼 代碼如下:
$(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();
});
關(guān)于如何確定Backspace鍵的代碼可以通過這里.
希望對您Web開發(fā)有幫助。
您可能感興趣的文章:
- jQuery禁用鍵盤后退屏蔽F5刷新及禁用右鍵單擊
- 基于Jquery.history解決ajax的前進(jìn)后退問題
- jquery判斷瀏覽器后退時候彈出消息的方法
- 如何讓瀏覽器支持jquery ajax load 前進(jìn)、后退功能
- 基于jQuery實現(xiàn)圖片的前進(jìn)與后退功能
- 基于Jquery 解決Ajax請求的頁面 瀏覽器后退前進(jìn)功能,頁面刷新功能實效問題
- jquery右下角彈出提示框示例代碼
- Jquery實現(xiàn)鼠標(biāo)移上彈出提示框、移出消失思路及代碼
- 基于jquery的彈出提示框始終處于窗口的居中位置(類似于alert彈出框的效果)
- jQuery實現(xiàn)頁面點擊后退彈出提示框的方法
相關(guān)文章
關(guān)于Jquery中的bind(),on()綁定事件方式總結(jié)
下面小編就為大家?guī)硪黄P(guān)于Jquery中的bind(),on()綁定事件方式總結(jié)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
jQuery Validate表單驗證深入學(xué)習(xí)
這篇文章主要介紹了jQuery Validate表單驗證入門知識,該插件捆綁了一套有用的驗證方法,包括 URL 和電子郵件驗證,同時提供了一個用來編寫用戶自定義方法的 API,感興趣的小伙伴們可以參考一下2015-12-12
js獲取通過ajax返回的map型的JSONArray的方法
下面是js獲取通過ajax返回的map型的JSONArray的詳細(xì)代碼,需要的朋友可以參考下2014-01-01
jquery 利用show和hidden實現(xiàn)級聯(lián)菜單示例代碼
級聯(lián)菜單的實現(xiàn)方法有很多,在本文為大家介紹下使用show和hidden輕松實現(xiàn)下級聯(lián)效果,感興趣的朋友可以參考下,希望對大家有所幫助2013-08-08
jquery通過load獲取文件的內(nèi)容并跳到錨點的方法
這篇文章主要介紹了jquery通過load獲取文件的內(nèi)容并跳到錨點的方法,涉及l(fā)oad及animate等方法的使用技巧,需要的朋友可以參考下2015-01-01
JQuery each()函數(shù)如何優(yōu)化循環(huán)DOM結(jié)構(gòu)的性能
each()方法能使DOM循環(huán)結(jié)構(gòu)簡潔,不容易出錯。each()函數(shù)封裝了十分強(qiáng)大的遍歷功能,使用也很方便,它可以遍歷一維數(shù)組、多維數(shù)組、DOM, JSON 等等在javaScript開發(fā)過程中使用$each可以大大的減輕我們的工作量2012-12-12
基于jquery的監(jiān)控數(shù)據(jù)是否發(fā)生改變
在實際開發(fā)中經(jīng)常會遇到數(shù)據(jù)沒發(fā)生改變是,由于用戶不小心點擊保存,這樣導(dǎo)致數(shù)據(jù)庫的日志增大;還有數(shù)據(jù)填寫好后,忘了添加保存直接關(guān)閉頁面離開。2011-04-04

