首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js监听手机端点击物理返回键或js监听pc端点击浏览器返回

之前在项目中遇到一个问题,就是在微信网页上面本来是有返回按钮的,但是大多数人都为了方便,会使用安卓手机自带的物理返回键,这个返回键按下后,就会按照你浏览器的栈存储的路径来一层一层返回,就不执行你页面上的那个返回按钮的操作了...,但是这个物理返回键的监听好像没有直接的办法进行,所以有人就想到了曲线的办法 原理: 页面加载完成时,调用history.pushState写入一个指定状态STATE,并监听window.onpopstate...; 当onpopstate被触发时,检查event.state是否等于STATE,如果相等,表示页面发生了后退(按下返回键或者浏览器的后退按钮),则把这次行为当作是返回键被按下了(把点击浏览器的后退按钮也误算进来了...,你还需要监听这个物理返回键,这时候你就需要再上次那个操作完之后再使用histroy.pushState再写入一次之前写入的那个状态,这样下次会继续监听那个物理返回键,否则下次你再点击那个返回键的话,就会直接返回浏览器的栈的上一级...举个例子: 我在vue的项目中引入xback.js  关于上面在

9.1K10

Web 游戏监听浏览器返回点击事件 !

事件监听浏览器活动历时记录条目更改时,将触发 popstate 事件,如用户点击浏览器的回退按钮,或者在 javascript 代码中调用 history.back() 或者 history.forward...() 方法,所以只需要在需要监听事件的场景 window.addEventListener('popstate', e => { //添加点击返回处理逻辑 }, false )...; 事件的消费和添加 仅仅监听事件,还是不够的,虽然写了监听逻辑,但是浏览器本身的返回事件还是触发的,这时候点击返回,还是会继续回到之前页面,所以需要添加一个新的状态,让浏览器不跳转到前一个页面...history.pushState() 方法,是向当前浏览器会话的历史堆栈中添加一个状态 (state) ,添加以后,点击浏览器返回,会消耗掉会话历史堆栈中栈顶的状态,也就是我们注册的最新的状态。...事件的全局控制 使用 cocos creator 开发游戏,注册 popstate 监听事件后,在浏览器点击返回时,会在每个注册的位置触发,实际游戏场景中,只需要执行一次就够。

1.8K10
您找到你想要的搜索结果了吗?
是的
没有找到

JS监听中文输入

在做第六个项目(根据输入框实时调用AJAX古诗匹配)时,当我们输入中文拼音,还在拼音字符状态未选择成中文时,一直在执行我编写的事件监听处理函数(当输入框里的值有变化时执行此函数, 调用AJAX在页面显示数据里包含这些字的古诗...而我想要的是在我们输入拼音未完成中文选择时,不让其执行我们的监听处理函数, 只有选择完中文后才去执行调用AJAX判断有没有包含输入的这些字的古诗。...="this_input" placeholder="中文输入未完成时不执行事件" /> <script src="http://code.jquery.com/jquery-1.8.3.min.<em>js</em>...false); console.log('完成中文输入'); }); 当我们开始进行input的输入改变了input框里的值时,<em>js</em>...会<em>监听</em>到input propertychange事件, 执行判断(一开始时$(this).prop('cnStart')的值我们没有定义,为undefined, 在<em>监听</em>了compositionstart

9.4K20

iOS监听H5页面goBack返回事件 & 网页监听APP返回键 (NavigationBackItemInjection)

1.1 UIWebView 监听H5页面goBack返回事件 1.2 WKWebView监听H5页面goBack返回事件 2.1 原理 2.2 例子 什么时候会触发这个返回事件?...弹框 WKWebView调用js方法 监听 estimatedProgress 引言 需求:原生app使用WebView 控制器加载H5页面进行信用卡申请 问题:用户点击残忍放弃之后,没有关闭当前控制器...解决方案: 1、iOS监听H5页面goBack返回事件 2、直接使用Safari打开URL 相关文章: iOS 封装WebView 控制器https://kunnan.blog.csdn.net/article.../details/114832679 I 、 iOS监听H5页面goBack返回事件 方式一:通过与JS的桥接,让h5主动通知你的 如果是采用通过与JS的桥接,让h5主动通知你的方案,请看这两篇文章 1...H5页面goBack返回事件 UIWebView,可通过UIWebViewNavigationTypeBackForward来监听返回事件 - (BOOL)webView:(UIWebView *)webView

5.5K21

web app 中物理返回键的监听

使用Vue + Vant 进行web app 的开发,需要处理 android 自带的物理返回键,对不同页面,点击物理返回键进行不同的处理 那如何监听到物理返回键,并进行相应的处理?...01 app网页返回键 vs 手机物理返回键 网页上的返回键是返回上一个页面的意思, 手机上的返回键是返回上一个操作。...并且手机上的返回键还有很多其它功能,在使用某些软件可以双击返回键退出app 02 Vue 中监听物理返回键 使用h5+ 提供的 plus 对象进行处理,具体代码如下 document.addEventListener...webview.canBack(function (e) { if (e.canBack) { webview.back(-1); //返回上一页...,双击退出app 实现,单击返回键进行退出,双击退出app 分析:通过一个 first 变量来记录次数,且两次点击的时间间隔不能超过1500.

1.1K20
领券