這篇文章主要講解了“jquery怎么實(shí)現(xiàn)微信瀏覽器阻止頁面拖動”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“jquery怎么實(shí)現(xiàn)微信瀏覽器阻止頁面拖動”吧!
專注于為中小企業(yè)提供網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)桐廬免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了1000+企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
jquery實(shí)現(xiàn)禁用瀏覽器后退的方法:首先打開相應(yīng)的js文件;然后通過“jQuery(document).ready(function () {...}”方法禁用瀏覽器的back和next按鈕即可。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.0版本、thinkpad t480電腦。
jquery禁用瀏覽器后退按鈕
使用Jquery 禁用瀏覽器的back 和 next 按鈕:
有時(shí)為了防止用戶亂了訪問順序,不得不禁掉瀏覽器的前進(jìn)后退按鈕jQuery(document).ready(function () {
if (window.history && window.history.pushState) {
$(window).on('popstate', function () {
// 當(dāng)點(diǎn)擊瀏覽器的 后退和前進(jìn)按鈕 時(shí)才會被觸發(fā),
window.history.pushState('forward', null, '');
window.history.forward(1);
});
}
//在IE中必須得有這兩行
window.history.pushState('forward', null, '');
window.history.forward(1);
});
這段代碼主要使用js的 window.history 對象;
舉個(gè)例子:
假如當(dāng)前頁面的url是:
執(zhí)行:window.history.pushState('forward', null, 'badu.aspx');
結(jié)果: 在瀏覽器歷史記錄中添加一條記錄當(dāng)前頁面的url變成 ,但是不會刷新頁面,也不會檢查url是否正確。 這時(shí)如果點(diǎn)擊 瀏覽器的back按鈕會回退到頁面, 還是當(dāng)前頁面。 所以這就是上面禁用back按鈕 的原理。
感謝各位的閱讀,以上就是“jquery怎么實(shí)現(xiàn)微信瀏覽器阻止頁面拖動”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對jquery怎么實(shí)現(xiàn)微信瀏覽器阻止頁面拖動這一問題有了更深刻的體會,具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識點(diǎn)的文章,歡迎關(guān)注!