jquery怎么实现微信浏览器阻止页面拖动

这篇文章主要讲解了“jquery怎么实现微信浏览器阻止页面拖动”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“jquery怎么实现微信浏览器阻止页面拖动”吧！

　　jquery实现禁用浏览器后退的方法：首先打开相应的js文件；然后通过“jQuery(document).ready(function () {...}”方法禁用浏览器的back和next按钮即可。

　　本教程操作环境：windows7系统、jquery1.10.0版本、thinkpad t480电脑。

　　jquery禁用浏览器后退按钮

　　使用Jquery 禁用浏览器的back 和 next 按钮：

　　有时为了防止用户乱了访问顺序，不得不禁掉浏览器的前进后退按钮jQuery(document).ready(function () {

　　if (window.history && window.history.pushState) {

　　$(window).on('popstate', function () {

　　// 当点击浏览器的 后退和前进按钮 时才会被触发，

　　window.history.pushState('forward', null, '');

　　window.history.forward(1);

　　});

　　}

　　//在IE中必须得有这两行

　　window.history.pushState('forward', null, '');

　　window.history.forward(1);

　　});

　　这段代码主要使用js的 window.history 对象；

　　举个例子：

　　假如当前页面的url是：

　　执行：window.history.pushState('forward', null, 'badu.aspx');

　　结果： 在浏览器历史记录中添加一条记录当前页面的url变成 ，但是不会刷新页面，也不会检查url是否正确。 这时如果点击 浏览器的back按钮会回退到页面， 还是当前页面。 所以这就是上面禁用back按钮 的原理。

感谢各位的阅读，以上就是“jquery怎么实现微信浏览器阻止页面拖动”的内容了，经过本文的学习后，相信大家对jquery怎么实现微信浏览器阻止页面拖动这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！