利用js实现网页禁止后退

<script language="javascript">
        //防止页面后退
        history.pushState(null, null, document.URL);
        window.addEventListener(‘popstate‘, function () {
            history.pushState(null, null, document.URL);
        });
</script>

时间： 2024-10-12 13:12:46

利用js实现网页禁止后退的相关文章

[转] 利用js实现禁用浏览器后退

[From] http://blog.csdn.net/zc474235918/article/details/53138553 现在很多的内部系统,一些界面,都是用户手动点击退出按钮的.但是为了避免,用户误操作点击浏览器后退,或者用鼠标手势后退什么的.容易出现误操作.所以在有些页面上,适当的禁用浏览器的后退,是可以提高很大的用户体验.在网上查,可以查到很多js禁用后退的材料. 用的多的方法如下: 1.回退后,产生一个前进事件. 这种方式,不算是一个满意的解决方式.因为用户能体验到,界面的后退

利用js实现禁用浏览器后退

现在很多的内部系统,一些界面,都是用户手动点击退出按钮的.但是为了避免,用户误操作点击浏览器后退,或者用鼠标手势后退什么的.容易出现误操作. 所以在有些页面上,适当的禁用浏览器的后退,是可以提高很大的用户体验. 在网上查,可以查到很多js禁用后退的材料. 1.回退后,产生一个前进事件. 这种方式,不算是一个满意的解决方式.因为用户能体验到,界面的后退,前进.体验不好. <script language="JavaScript"> javascr

WebView加载完网页之后利用js进行网页刷新，解决webview显示图片适应所有的机型

android: /** * 自动以的webviewclient * @author jwguo * */ private class MyWebViewClient extends WebViewClient { @Override public void onPageFinished(WebView view, String url) { // TODO Auto-generated method stub view.loadUrl("javascript:var imgs = docume

利用JS 在网页上获取并显示当前日期星期

下边的HTML代码,可以取出日期与星期 <html><body><h1><script language=JavaScript>var d, s = "";var x = new Array("星期日", "星期一", "星期二","星期三","星期四", "星期五","星期六");d = new D

js 禁止后退键

function doKey(e) { var ev = e || window.event; //获取event对象 var obj = ev.target || ev.srcElement; //获取事件源 var t = obj.type || obj.getAttribute('type'); //获取事件源类型 var readonly = $(obj).attr("readonly"); try { if (readonly === "readonly"

js利用clipboardData在网页中实现截屏粘贴的功能

目前仅有高版本的 Chrome 浏览器支持这样直接粘贴,其他浏览器目前为止还无法粘贴,不过火狐和ie11浏览器在可编辑的div中能够粘贴截图的图片也是base64位和Chrome利用clipboardData的效果是一样的,只是在火狐和ie11浏览器中目前还无法实现类似用clipboardData直接获取图片的base64数据,它是自带的直接进去img数据完整实例: <!DOCTYPE HTML><html lang="en-US"><head>&

JS禁止后退键

//处理键盘事件禁止后退键(Backspace)密码或单行.多行文本框除外 function banBackSpace(e){ var ev = e || window.event;//获取event对象 var obj = ev.target || ev.srcElement;//获取事件源 var t = obj.type || obj.getAttribute('type');//获取事件源类型

浅谈移动端的自适应问题——响应式、rem/em、利用Js动态实现移动端自适应

随着3G的普及,越来越多的人使用手机上网.移动设备正超过桌面设备,成为访问互联网的最常见终端.于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?本篇文章将讲述自适应网页设计的概念和方法,使网页开发人员维护同一个网页代码,即可使网站在多种设备上具有更好的阅读体验.本文详细介绍了自适应网页的实现方法,希望能给迷惑的你带来帮助. 一. 在HTML的头部加入meta标签在HTML的头部,也就是head标签中增加meta标签,告诉浏览器网页宽度等于设备屏幕宽度,且不进行缩放,

利用js闭包获取索引号

以tab选项卡效果为例: 网页中的选项卡效果如图. 在鼠标点击规则标题的时候下面内容就会切换成规则的内容,这就是一个选项卡切换效果了. 标题和其内容是一一对应的. 在点击的时候就需要得到当前点击的索引号,用jquery的话可以直接通过.index()获取当时元素的索引值,那么用js呢?下面我们来利用js的闭包来实现获取索引. 页面代码如下: <!DOCTYPE html><html lang="en"><head> <meta char