手机端点击返回键关闭iframe弹窗不返回上一页的方法
我们有时会在手机端弹出页面,例如用户协议,通过layer组件在本页弹出一个浮层调用iframe,但关闭出现了难题,手机上点击返回按钮后返回了上一页,导致用户的操作出现了障碍,我们可以通过js来控制用户的返回,用户点击返回,并且iframe已经弹出的情况下关闭弹窗,而不是返回上一页。优化了用户体验。
//返回键关闭弹窗
if(window.history && window.history.pushState) {
$(window).on('popstate', function() {
var hashLocation = location.hash;
var hashSplit = hashLocation.split("#!/");
var hashName = hashSplit[1];
if(hashName !== '') {
var hash = window.location.hash;
if(hash === '' && $("#openxieyi").val()=='1') {
//alert("你点击了返回键");
layer.closeAll();
$("#openxieyi").val('');
}
}
});
window.history.pushState('forward', null, './#forward');
}