H5中 JS 禁用安卓手机物理返回键 , 微信浏览器中也支持

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_34096082/article/details/70224719

直接引入以下代码就可以实现

	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() {});

展开阅读全文

没有更多推荐了,返回首页