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

webview长按事件js监听

做app开发时,用到了webview,需要监听webview的长按事件,使用原生的js处理监听如下: var timeOutEvent = 0; //定时器 //开始按 function...gtouchstart() { timeOutEvent = setTimeout("longPress()", 500); //这里设置定时器,定义长按500毫秒触发长按事件,时间可以自己改...() { timeOutEvent = 0; //执行长按要执行的内容,如弹出菜单 //alert("长按事件触发"); do_Page.fire...、ontouchmove、ontouchend,主要思路: 在ontouchstart事件启动一个定时器,定时器间隔时间为500ms,即500ms后自动执行longPress逻辑,并清除定时器事件,ontouchend...表示tap弹起,这时直接清除定时器,ontouchmove表示手指滑动,直接清除定时器即可,这样就简单实现长按事件监听处理。

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

    如何实现按键的短按、长按检测?

    之前写过一篇关于《CH573第一篇:实现自拍杆蓝牙遥控器1》的文章,例子默认的功能是蓝牙连接后不断的发送数据,从而不断的拍照。而实际的遥控器通常是按一次按键,控制一次,我们在来实现该功能。...理想的按下-弹起波形是这样的: 但是实际由于按键抖动的存在,实际的波形可能是这样的: 不信的话你可以接上示波器看看,或者软件验证,比如在GPIO中断服务函数里,设置一个全局变量,让它每次进入中断后加...尤其是这里的BLE应用,在中断服务函数执行时间长会引起蓝牙连接中断,所以这里不能这么用,我实际测试当按键按快一点就很容易引起蓝牙连接中断。...下面在方法二的基础上我们来实现长按的检测,判断长按的依据是按下后持续的维持一段时间低电平。...它兼顾了去抖和短按/长按的检测,并且长按可以判断出长按按下/长按弹起。短按是检测到弹起时认为是短按动作。另外如果想同时支持多个长按,也很方便添加。

    1.7K10

    Android WebView实现长按保存图片及长按识别二维码功能

    先来简单说一下本文所要实现的功能:用户在浏览网页的时候,长按某一区域,识别如果是图片,则弹出弹框,出现保存图片的功能。同时识别图片是否是二维码,如果是则在弹框追加识别二维码功能。...code.gif 上述功能所用到的类和库: 获得长按内容: WebView.HitTestResult 弹框列表: DialogFragment 图片下载: Glide 二维码识别: Zxing 实现要点...总结 总体来说这个功能实现注意的地方还是挺多的,好在都不复杂。...当然本例还存在待优化的地方,以及实现更高级的功能,比如以图搜图,查看大图功能,也可以利用 WebView.HitTestResult 对获取到其他类型的内容进行处理,限于篇幅就不再展开了。...最后贴下本项目github地址,对 WebView 感兴趣的可以了解下: github 总结 以上所述是小编给大家介绍的Android WebView实现长按保存图片及长按识别二维码,希望对大家有所帮助

    4.3K60

    Android实现长按照片弹出右键菜单功能的实例代码

    注: 实现 将布局改为LinearLayout,并通过android:orientation="vertical" 设置为垂直布局。 然后添加一个ImageView,并设置id属性和图片源。 <?...super.onCreateContextMenu(menu, v, menuInfo); menu.add("收藏"); menu.add("举报"); } 然后在onCreate方法中将长按事件注册到菜单并打开菜单...{ super.onCreate(savedInstanceState); setContentView(R.layout.activity_long_click); //将长按事件注册到菜单...{ super.onCreate(savedInstanceState); setContentView(R.layout.activity_long_click); //将长按事件注册到菜单...super.onCreateContextMenu(menu, v, menuInfo); menu.add("收藏"); menu.add("举报"); } } 总结 以上所述是小编给大家介绍的Android实现长按照片弹出右键菜单功能的实例代码

    1.2K10

    iOS实现点击图片放大&长按保存图片

    在实际操作呢,会涉及到上传图片,在页面布局时,可能图片不是一张,考虑到布局的美观等因素,显示图片的位置变得很小,如果想查看上传的图片是否清晰,内容是否完整,可能就需要放大才能实现,下面就和大家分享一下我封装的一类...,完美的实现了图片的缩放功能。...另外,这些博文都是来源于我日常开发的技术总结,在时间允许的情况下,我会针对技术点分别分享iOS、Android两个版本,尽量附上demo以供大家参考,如果有其他技术点需要,可在文章后留言,我会尽全力帮助大家... 添加放大后背景视图的颜色和透明度 使用动画放大展示ImageView 添加恢复ImageView原始尺寸的tap点击事件 完成之后将背景视图删掉 三:实现源码分析 根据实现思路分析,一步步进行编码实现...根据传入的UIImageView重新绘制在Window +(void)ImageZoomWithImageView:(UIImageView *)contentImageview{ UIWindow

    5.9K20

    vue自定义指令实现长按功能

    最近加了一个新的需求,要求有消息的撤回功能,长按自己发送的消息,弹出撤销框,点击撤销框可以撤销自己发送的消息。 ​...在一定的时间内(800毫秒)如果没有抬起则认为是长按需要触发长按操作逻辑。 这里不仅需要两个事件。而且还需要引入额外的变量,也就是定时器。...这些都是与业务无关的,如果代码写在业务组件里面,虽然也可以实现,但是代码看着不够简洁。...这里我们可以利用vue提供的自定义指令的能力,自己定义一个longpress的指令,并在bind函数绑定touchstart和touchend事件,把定时器的逻辑写在bind函数。...至于具体的长按逻辑则由外部传递进来,通过bind函数的入参拿到。 最后需要长按指令的组件我们可以使用v-longpress="myfunc"来方便的使用起来

    59820

    小程序图片长按识别功能的实现

    在百度无果,参考小程序官方文档后,发现: 1.文档中有一句提示: "image组件中二维码/小程序码图片不支持长按识别,仅在 wx.previewImage 中支持长按识别" 2.即便实现了...“wx.previewImage” 效果,但依旧是不支持二维码识别的 附录文档位置:小程序图片长按识别 代码设计 好在这也是一个不错的知识点,在此进行一番实现流程的记录,欢迎指摘. ①. wxml...data-src="https://img.fetow.com/Public/Index/images/shewm.jpg" bindtap="previewImage"> ②. js...文件实现 “previewImage”方法 在对应的 js 文件,添加了如下的方法 /** * 图片预览方法 * 此处注意的一点就是,调用 "wx.previewImage"时,第二个参数要求为数组形式哦...实现效果 可以发现,下图中是没有“识别图中二维码”的选项 ? 如果发送给了好友或者自行保存后,在微信中打开的并长按的效果如下: ? 怎么说呢?我也好无奈啊 …

    1.1K10

    小程序图片长按识别功能的实现

    背景 今天,做的小程序项目要求,个人中心的客服图片在用户长按时可以识别其二维码 在百度无果,参考小程序官方文档后,发现: 1.文档中有一句提示: "image组件中二维码/小程序码图片不支持长按识别,...仅在 wx.previewImage 中支持长按识别" 2.即便实现了 “wx.previewImage” 效果,但依旧是不支持二维码识别的 附录文档位置:小程序图片长按识别 代码设计 好在这也是一个不错的知识点...data-src="https://img.fetow.com/Public/Index/images/shewm.jpg" bindtap="previewImage"> ②. js...文件实现 “previewImage”方法 在对应的 js 文件,添加了如下的方法 /** * 图片预览方法 * 此处注意的一点就是,调用 "wx.previewImage"时,第二个参数要求为数组形式哦...实现效果 可以发现,下图中是没有“识别图中二维码”的选项 [ezfb89mkwr.png] 如果发送给了好友或者自行保存后,在微信中打开的并长按的效果如下: [95zan0h7rn.png] 怎么说呢?

    1.8K10

    android UiAutomator长按实现控制按住控件时间的方法

    本人在使用UiAutomator做测试的时候,遇到一些控件需要长按一会儿,比如录音功能,需要按住几秒,官方api不太好用,所以自己写了一个长按的方法。分享如下,供大家参考。.../* * 根据resourceid获取控件并长按 * / public void longclickUiObectByResourceId(String id) throws UiObjectNotFoundException...; UiDevice.getInstance().swipe(x, y, x, y, 300);//最后一个参数单位是5ms } /* * 根据文本获取控件并长按...centerY(); UiDevice.getInstance().swipe(x, y, x, y, 300);//最后一个参数单位是5ms } /* * 根据坐标并长按...UiAutomator1基础的API进行封装的,还可以封装几个根据classname、index、或者description都可以,这里就不一一写了,最重要的最后一个,不常用但是很有用,根据坐标点进行长按

    1.2K40

    Vue 2.x 移动端长按事件实现方式

    vue 移动端长按事件实现的几种方法的总结 大家好啊,我是你们的攻城狮,我是 Ken,人贱贱爱的前端攻城狮,我要告诉你个严重的问题,这几天心情低落,代码撸不动啊,结果今天一到公司,打开禅道,大家可能不知道什么是...原来是在 pc 端右键菜单不能出现了,我一看原来是没有兼容移动端的事件,因为在 pc 端我们只需要使用 @contextmenu 这个事件就可以实现右键菜单的出现了, 当然在此之前我们需要实现一个菜单组件...接下来我们需要了解下移动端事件,因为移动端不像 pc 端一样有鼠标事件,移动端只有触摸事件: 今天我们处理 bug 的使用最简单的一种方式,就是使用 @touchstart,@touchend: // 实现移动端长按出现右键菜单...所以这样处理完成之后,我们可以在 ipad 端看到当我们手指长按 iPad 屏幕的时候,右键菜单就会出现了。 ? 以上就是移动端长按实现右键菜单。...接下来就是总结 总结 在vue中长按事件并没有封装,在使用的时候需要我们自己取写一个方法获取长按事件。

    1.3K30

    Android开发实现长按返回键弹出关机框功能

    本文实例讲述了Android开发实现长按返回键弹出关机框功能。...分享给大家供大家参考,具体如下: 今天刚好在PhoneWindowManager.java下看,当看到长按Home键的功能时,突然想到是不是可以长按back键来弹出关机框。 有想法就试试呗。...当然想法是根据长按home键来的,那么我们应该可以模仿长按Home键来做。经过一番实验,貌似好像可以,拿出来给大家分享一下!!!...power),最近浏览应用程序showRecentAppsDialog() (长按home),那么我们就模仿长按home来调用关机框showGlobalActionsDialog()。...而在interceptKeyBeforeDispatching()我们也要做相应的增加: /*****************************************************/

    92231
    领券