js禁止浏览器,微信,及手机物理键的返回

XBack = {};

(function(XBack){
XBack.STATE = ‘x-back‘;
XBack.element;

XBack.onPopState = function(event){
event.state === XBack.STATE && XBack.fire();
XBack.record(XBack.STATE); //初始化事件时,push一下
};

XBack.record = function(state){
history.pushState(state, null, location.href);
};

XBack.fire = function(){
var event = document.createEvent(‘Events‘);
event.initEvent(XBack.STATE, false, false);
XBack.element.dispatchEvent(event);
};

XBack.listen = function(listener){
XBack.element.addEventListener(XBack.STATE, listener, false);
};

XBack.init = function(){
XBack.element = document.createElement(‘span‘);
window.addEventListener(‘popstate‘, XBack.onPopState);
XBack.record(XBack.STATE);
};

})(XBack); // 引入这段js文件

在所需要的页面上使用

XBack.init();
XBack.listen(function(){});

时间: 2024-08-24 21:52:50

js禁止浏览器,微信,及手机物理键的返回的相关文章

js禁止浏览器页面后退功能

js禁止浏览器页面后退功能: <script> $(function(){ if(window.location.href.indexOf("/login") > -1) { //防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL);

JS 禁止浏览器右键菜单和刷新

1 <script language="javascript"> 2 //禁止按键F5 3 document.onkeydown = function(e){ 4 e = window.event || e; 5 var keycode = e.keyCode || e.which; 6 if( keycode = 116){ 7 if(window.event){// ie 8 try{e.keyCode = 0;}catch(e){} 9 e.returnValue =

JS禁止浏览器后退键

当键盘敲下后退键(Backspace)后 1.禁止浏览器自动后退 2.但不影响密码.单行文本.多行文本输入框等的回退操作 //方法一: ////当键盘敲下后退键(Backspace)后 //1.禁止浏览器自动后退 //2.但不影响密码.单行文本.多行文本输入框等的回退操作 //window.onload = function () { // /**************************** // * 作者:[email protected] * // * 时间:2012-08-20 *

js判断浏览器类型(手机和电脑终端)

工作中经常会用到通过js来判断浏览器的功能!今天这里通过js来判断浏览器是来自移动设备还是pc设备! 代码如下: var browser={ versions:function(){ var u = window.navigator.userAgent; return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexOf('AppleW

python+appium模拟手机物理按键操作

一句代码:driver.keyevent()        括号里填入的是手机物理按键的数字代号 driver.press_keycode()        括号里填入的是键盘按键的数字代号 手机物理键数字代码 键盘按键数字代号 原文地址:https://www.cnblogs.com/xiaobaixiaobai/p/10760943.html

js history对象 手机物理返回键

有兴趣的可以了解下history对象,不感兴趣也可以直接跳到手机物理返回键监听部分 ******************[history对象]有length属性,go()/back()/forward()跳转方法**************************** 我们要了解浏览器的history对象, history对象保存着用户上网的历史记录,从窗口被打开的那一刻算起:history.length属性保存着历史记录的URL数量.初始时,该值为1.如果当前窗口先后访问了三个网址,histo

js禁止微信浏览器下拉显示黑底查看网址,不影响内部Scroll

开发项目跑在微信浏览器经常会遇到一个问题,微信浏览器下拉的时候会出现自带的黑色底色(显示网址)如下图: 网上好多js禁止操作的做法禁止了内部Scroll,导致页面不能滚动,上拉加载失效,例如这种做法: $('body').on('touchmove', function (event) {event.preventDefault();}); or document.addEventListener('touchmove', function(e){e.preventDefault()}, fal

为什么html5用的jQuery Mobile在手机浏览器/微信中打开字体很小

头部加入 <header> <metaname="viewport"content="width=device-width, initial-scale=1"> </header> 为什么html5用的jQuery Mobile在手机浏览器/微信中打开字体很小,布布扣,bubuko.com

手机影音第十天,控制屏幕上下滑动改变音量变化,监听物理键改变音量

代码已托管至码云上,有兴趣的小伙伴可以下载看看,IDE是Android studio 2.3.2 https://git.oschina.net/joy_yuan/MobilePlayer 常见的手机播放器,都有屏幕上下滑动改变音量大小的功能,在此也实现下: 原理是: 1.从手指触碰屏幕,到离开屏幕,计算滑动的高度差,然后拿这个高度差与屏幕的高对比,最后结合总音量,得到改变的音量,具体的公式如下 : 改变的音量=(滑动距离差/屏幕总高度)*总音量 结束滑动后的音量=触碰屏幕时的音量+改变的音量