首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JS篇(028)-移动端 click 事件、touch 事件、tap 事件的区别

参考答案: 1.click 事件移动端会有 200-300ms 的延迟,主要原因是苹果手机设计时,考虑到用户浏览网页时需要放大,所以,在用户点击的 200-300ms 之后,才触发 click,...mouseover mouseup 的触发 3.tap 事件移动端,代替 click 作为点击事件,tap 事件被很多框架(如 zepto)封装,来减少这延迟问题, tap 事件不是原生的,所以是封装的...,则返回,否则,调用回调函数。...click 都替换为了 tap 事件,还是会触发点透问题的,因为实质是: 同一个 z 轴上,z-index 不同的两个元素,上面的元素是一个绑定了 tap 事件的,下面是一个 a 标签,一旦 tap...,所以,触发了下面的 a 的 click 事件,注意: 我们认为 a 标签默认是绑定了 click 事件的。

5.7K40

移动端touch事件影响click事件以及touchmove添加preventDefault导致页面无法滚动的解决方法

为了解决开发者需要,建议开发者touchstart时调用event.preventDefault,这样就可以保证内核会一起触发touchmove事件了。...页面的超链接点击没反应了!!!给其他地方加的click事件也不触发了!!!...我touchstart调用了event.preventDefault方法,是不是让浏览器误以为没有触发touchstart事件,只触发了touchend事件,所以没有触发click事件呢?...所以页面无法滚动了,之后又去找找找,找了很久一直没找到怎么解决这个问题,突然想起之后用的一个移动端的图片轮播插件, 为什么他们可以左右滑动,不影响click事件和a标签,也不影响页面的滚动。...touchstart如果有event.preventDefault()方法, 将不会触发click事件和a标签方法。在这里可以使用tap代替click,但是a标签的话就不太方便了。

3.1K20

js事件(event)

,相当于文档的鼠标的坐标; target事件源;事件源的概念:事件最终发生在页面的那个元素上; 事件源和事件的传播是息息相关的 事件的传播包括:冒泡和捕获;事件传播是浏览器处理事件行为的机制,冒泡阶段或者捕获阶段...;这些都叫事件的默认行为,如果想把这些默认行为取消了,相应的js代码如下: a.onclick = function(){return false}//方法里加个 return false,就是组织超链接点击时的跳转行为了...需求:如下的HTML代码,当你点击这个页面的一个元素时,弹出这个元素对应的标签名; outer inner <...,但是性能不是最优的; return false;//阻止超链接的默认行为; } } 以下用事件委托实现 事件委托:事件委托就是利用事件传播的机制,无论哪一个页面元素,他的click事件都会最终传播到document...W3C的标准是同一事件上,先绑定的方法先执行,并且不能重复绑定同一个方法同一个事件上,但是IE6、7、8,如果绑定的方法少于9个,执行的顺序是相反的,超过9个,执行顺序就是混乱的,这些IE的问题都是比较严重的

6.6K30

js移动端touch事件

触摸事件移动设备(如智能手机或平板电脑)上查看页面时触发的事件。 它们允许您跟踪多点触摸事件。...我们有4个触摸事件: touchstart 触摸事件已经启动(触摸表面) touchend 一个触摸事件已经结束(表面不再被触摸) touchmove 触摸移动手指(或任何接触设备的东西)表面移动 touchcancel...触摸事件已被取消 每当一个触摸事件发生,会触发一个触摸事件: const link = document.getElementById('my-link') link.addEventListener...clientX / clientY 无论是否滚动,鼠标指针相对于浏览器窗口的x和y坐标 screenX / screenY 屏幕坐标鼠标指针的x和y坐标 pageX / pageY 页面坐标(包括滚动...)鼠标指针的x和y坐标 目标被触及的元素

8.8K20

EasyPlayerEasyPlayer.js调用无法播放H265视频流如何解决?

EasyPlayer视频播放器系列项目是TSINGSEE青犀视频团队开发的H265播放器系列,目前已经具备Windows、Android、iOS三个平台的稳定运行版本,EasyPlayer.js还支持Linux...平台,播放器领域是多平台的最佳选择。...有的客户调用EasyPlayer播放器的接口出现了一个问题,即H264的视频流可以播放,但H265视频流不能播放,并且控制台会出现报错: Uncaught(in promise)RuntimeError...路径,路径如下: 这里就是问题的关键,EasyWasmPlay.js和libDecoder.js要放在服务的根目录下面,在这个客户的项目中要放到web文件夹里面,web文件夹才是根目录,如下: 修改位置后...EasyPlayer播放器系列项目依赖其灵活控制、低延时、高稳定的特点,已经成熟运用于多个项目场景当中,其中包括手机直播、桌面直播、远程教育课堂直播等,同时城市安防或者社区安防监控的视频播放当中也具备很好的兼容性

2K31

EasyPlayerEasyPlayer.js调用无法播放H265视频流如何解决?

EasyPlayer视频播放器系列项目是TSINGSEE青犀视频团队开发的H265播放器系列,目前已经具备Windows、Android、iOS三个平台的稳定运行版本,EasyPlayer.js还支持Linux...平台,播放器领域是多平台的最佳选择。...有的客户调用EasyPlayer播放器的接口出现了一个问题,即H264的视频流可以播放,但H265视频流不能播放,并且控制台会出现报错: Uncaught(in promise)RuntimeError...路径,路径如下: 这里就是问题的关键,EasyWasmPlay.js和libDecoder.js要放在服务的根目录下面,在这个客户的项目中要放到web文件夹里面,web文件夹才是根目录,如下: 修改位置后...EasyPlayer播放器系列项目依赖其灵活控制、低延时、高稳定的特点,已经成熟运用于多个项目场景当中,其中包括手机直播、桌面直播、远程教育课堂直播等,同时城市安防或者社区安防监控的视频播放当中也具备很好的兼容性

2.3K30

Java调用Python

恰好我项目中就遇到了这个问题,需要在Java程序调用Python程序。...关于Java调用Python程序的实现,根据不同的用途可以使用多种不同的方法,在这里就将在Java调用Python程序的方式做一个总结。...通过Runtime调用Python程序与直接执行Python程序的效果是一样的,可以Python读取传递的参数,也可以Java读取到Python的执行结果。...使用Jython能做什么 既然Jython是Python语言Java平台的实现,是Java语言实现的,那么是否可以Jython程序调用Java,Java也能调用Jython呢?...,也是Java调用Python程序最常见的用法:Python程序可以实现Java接口,Python也可以调用Java方法。

5K30
领券