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

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

之前在项目中遇到一个问题,就是在微信网页上面本来是有返回按钮的,但是大多数人都为了方便,会使用安卓手机自带的物理返回键,这个返回键按下后,就会按照你浏览器的栈存储的路径来一层一层返回,就不执行你页面上的那个返回按钮的操作了...,但是这个物理返回键的监听好像没有直接的办法进行,所以有人就想到了曲线的办法 原理: 页面加载完成时,调用history.pushState写入一个指定状态STATE,并监听window.onpopstate...,你还需要监听这个物理返回键,这时候你就需要再上次那个操作完之后再使用histroy.pushState再写入一次之前写入的那个状态,这样下次会继续监听那个物理返回键,否则下次你再点击那个返回键的话,就会直接返回浏览器的栈的上一级...举个例子: 我在vue的项目中引入xback.js  关于上面在...vue中引入外部js,请参考 http://www.cnblogs.com/zhuchenglin/p/7455203.html 然后在vue中定义一个load_xback 方法 load_xback

9.4K10

Android 触摸屏交互之手势监听

前言 2020年,智能手机大行其道,相信不会还有人用着老式的按键手机了吧,而智能手机最大的交互就是手机屏幕,其次的就是音量操作、生物识别(指纹+人脸+瞳孔)、说白了用的最多的是手机的屏幕,屏幕与用户之前进行交互...有人说我可以用语音去打开,但是你没有想过语音其实只是帮你执行了点击,在手机上不管是玩游戏还是看电影或者是搞学习,都是要使用手机屏幕的,所以你知道屏幕交互有多么重要吗?...正文 屏幕的交互当然首先是触摸,说道触摸就是有一个手势监听,这个是Google起的名字,你不用手难道用脚吗? 下面可以新建一个项目,在MainActivity中实现两个监听 ?...GestureDetector.OnGestureListener//手势监听 GestureDetector.OnDoubleTapListener//双击监听 实现这两个监听之后,会创建好几个方法,...长触摸 ? 双击屏幕 ? 向上滑动 ? 向下滑动 ?

1.7K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    糟糕,手机密码不保!剑桥大学新研究,用AI算法“监听手机打字,触摸屏也中招

    栗子 安妮 发自 凹非寺 量子位 出品 | 公众号 QbitAI 触摸屏,也能出卖你的手机密码。 ? 手机的内置麦克风,搭配AI算法,就能让输入的每一个字无处可逃。...声波出卖你 四顾无人时悄咪咪在触摸屏上解个锁,怎么就被声波泄露了密码呢?...△ 触摸屏上按下“f”键时的声波震动形状 没错,关键信息就隐藏在这些形状不同的声波里。而这些信息,恰巧可以被手机内置的麦克风捕捉到。...研究人员反手开发了一个手机恶意应用程序,当这个程序被植入手机时,能够调动内置麦克风,让其秘密开始工作,记录下触摸时的声波信息。 ?...这项研究里,AI分析麦克风录下的回声,便可以追踪用户手指在智能手机屏幕上的移动轨迹了。 也是在你没有察觉的时候,一切就发生了。 当然,上面这些只是手机上的问题。

    63730

    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.5K20

    安卓监听屏幕触摸事件_android设置按钮点击事件

    Android OnTouchListener 触屏事件接口 在修改后的工厂测试程序中, 用到了关于触摸事件的获取, 顺便学习关于触摸事件和触摸位 置的知识,其方法如下: public boolean...onTouchEvent(MotionEvent event) { // 获得触摸的坐标 float x = event.getX(); float y = event.getY(); switch...(event.getAction()) { // 触摸屏幕时刻 case MotionEvent.ACTION_DOWN: break; // 触摸并移动时刻 case MotionEvent.ACTION_MOVE...(MotionEvent event) 方法: 参数 event : 参数 event 为手机屏幕触摸事件封装类的对象, 其中封装了该事件的所有信息, 例如触摸的位置、触摸的类型以及触摸的时间等。...该对象会在用户触摸手机屏幕时被创建。 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

    2.1K30

    手机端收入实时监听oninput & onpropertychang

    手机端输入,还是pc端的思维,……然后输入,毛反应……使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话,监听不了右键的复制、剪贴和粘贴这些操作,处理组合快捷键也很麻烦...因此这篇文章向大家介绍一种完美的解决方案:结合 HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件来监听输入框值变化。...oninput事件与onpropertychange事件的区别:oninput事件是IE之外的大多数浏览器支持的事件,在value改变时触发,实时的,即每增加或删除一个字符就会触发,然而通过js改变value...(此处都是指在js中动态绑定事件,以实现内容与行为分离)oninput与onpropertychange失效的情况:(1)oninput事件:a). 当脚本中改变value时,不会触发;b)....转载本站文章《手机端收入实时监听oninput & onpropertychang》,请注明出处:https://www.zhoulujun.cn/html/webfront/SGML/html5/2016

    87010

    SAO-UI-PLAN-Controlldot

    左右浮动切换上下篇算是唯一的亮点了。上下按钮用拖动方式体感上还不如直接用侧栏菜单的按钮功能来的方便。尤其是考虑到PC端,手机端,窄屏设备,触屏电脑等设备动作的监测判断。总是牵扯到一大堆的交集。...getElementsByClassName('SAO-ctrldot-dot')[0].style.transform = `translate(0px,0px)`; return false } // 手机触摸开始事件监听...mStart") e.changedTouches = [{clientX:e.clientX,clientY:e.clientY}] start(e) return false; }); // 手机触摸事件监听...{ e.changedTouches = [{clientX:e.clientX,clientY:e.clientY}]; move(e); return false; } }); //手机触摸结束事件监听...e.changedTouches = [{clientX:e.clientX,clientY:e.clientY}] end(e,this) return false; } }); //手机触摸取消事件监听

    88620
    领券