js监听移动端返回键，从内页返回首页

直接上代码。

$(document).ready(function () {window.history.pushState("", "", "#");});window.addEventListener("popstate", function (e) {history.replaceState(null, null, “填上你要去的地址”);window.location.reload()});

这种监听返回键比较适合用于用户获取到内页的连接，而你的需求是想用户从内页回到首页。这2块代码缺一不可，只有在用了pushState这个方法之后才能监听移动端的返回键（详情百度）。

history.replaceState(null, null, “填上你要去的地址”);这行代码只会修改地址栏的url，而不会直接去，所以要加上一个window.location.reload()。

但是监听返回键也会有很多的问题，就是你要做较多的判断，判断你在什么时候才需要返回首页，如果用户在非首页进入内页后再按返回键返回，会直接返回到首页，用户就会一脸懵逼。

js监听移动端返回键，从内页返回首页相关推荐

JS 监听手机返回键
JS监听手机返回键,需要用些前端的"奇技淫巧". 核心代码如下: if (window.history && window.history.pushState) { ...
原生js监听手机返回键
创建人:hu_time 描述:js监听手机返回键普通页面跳转,监听返回上一页: document.addEventListener("plusready", function() ...
js 监听返回键利用pushState
我的开发工作主要是做移动端广告的页面,为了留住更多的用户,我们需要监听浏览器的返回键,在用户返回时,弹出弹窗来进一步提供选项来分流客户.(监听关闭键无法自定义弹窗) 使用的方法就是利用pushStat ...
uni-app 监听移动端的物理返回键
监听移动端的物理返回键: methods: { }, onBackPress(options) { console.log("用户按下物理返回键"); }, ...
js监听鼠标拖动事件(按住左键拖动触发，松开左键取消)
此段代码,实现了左键点击id元素内区域后,拖动鼠标到边缘区域滚动条(内部class元素的滚动条)自动滚动,松开鼠标后取消事件业务需要记录一下 $(function () {var div=docum ...
JS监听enter键
JS 监听输入框按键 //回车事件绑定 $('#search_input').bind('keyup', function(event) {if (event.keyCode == '13') {// ...
java计算器监听放大缩小,js监听页面放大缩小
demo body[zoom='scale']:before{ content: '您的网页处于缩放状态,请按 Ctrl+0 恢复到浏览器默认大小'; z-index: 9999; position: ...
DSAPI多功能组件编程应用-HTTP监听服务端与客户端
本文中,演示了使用DSAPI.网络相关.HTTP监听,快速建立服务端和客户端. HTTP监听服务端的作用,是监听指定计算机端口,以实现与IIS相同的解析服务,提供客户端的网页请求,当然,这不仅仅是应用 ...
linux输入数字切换浏览器tab,js监听浏览器tab窗口切换
js监听浏览器tab窗口切换 --IT唐伯虎摘要:js监听浏览器tab窗口切换. if (document.hidden !== undefined) { document.addEventList ...

js监听移动端返回键，从内页返回首页

js监听移动端返回键，从内页返回首页

js监听移动端返回键，从内页返回首页相关推荐

最新文章

热门文章