开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么我的“ontouchstart”事件没有在 iPhone 上触发？

这个问题是关于在iPhone上，为什么"ontouchstart"事件没有触发的问题。下面是一个完善且全面的答案：

"ontouchstart"事件是一个JavaScript事件，用于处理触摸屏幕的操作。在iPhone上，"ontouchstart"事件可能会出现不触发的情况。这可能是由于以下原因：

事件冒泡问题：在iOS上，事件冒泡可能会导致"ontouchstart"事件不被触发。为了解决这个问题，可以使用"addEventListener"方法来监听事件，并设置"useCapture"参数为"false"。
事件委托问题：在iOS上，事件委托可能会导致"ontouchstart"事件不被触发。为了解决这个问题，可以将事件监听器绑定到具体的元素上，而不是通过事件委托的方式。
兼容性问题：在某些情况下，可能需要使用浏览器前缀来解决兼容性问题。例如，可以使用"-webkit-touch-start"来代替"ontouchstart"。
第三方库问题：如果使用了第三方库，可能会导致"ontouchstart"事件不被触发。可以尝试使用其他第三方库，或者与库的开发者联系以获得支持。

推荐的腾讯云相关产品：

腾讯云移动直播：提供移动端直播服务，支持实时音视频处理、转码、推流等功能，可以用于实现iPhone上的"ontouchstart"事件触发。
腾讯云点播：提供点播服务，支持音视频处理、转码、存储等功能，可以用于实现iPhone上的"ontouchstart"事件触发。
腾讯云对象存储：提供对象存储服务，支持存储、管理、分享等功能，可以用于实现iPhone上的"ontouchstart"事件触发。

推荐的产品介绍链接地址：

腾讯云移动直播：https://cloud.tencent.com/product/lvb
腾讯云点播：https://cloud.tencent.com/product/vod
腾讯云对象存储：https://cloud.tencent.com/product/cos

相关搜索:Colorbox - Ipad/ Iphone上的Click事件未触发为什么#btnCrop上的"mouseup“事件会多次触发？为什么Lumen中的事件侦听器没有触发？为什么popover在iPhone上没有箭头？为什么Rigidbody上的OnMouseDown()事件不会触发？为什么我在componentDidMount中的函数没有被触发？为什么我的.on("mouseover")事件在页面刷新时触发，而不是在“mouseover”事件上触发为什么我的JavaFX滑块事件不能触发？为什么我的onNext上没有触发rx订阅？为什么我的OnSelect事件没有相应地触发

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

MultiButton事件触发型按键驱动模块在高云FPGA上的移植

前两篇文章介绍了letter-shell串口终端和cmd-parse串口命令解析器在高云FPGA GW1NSR-4C SoC上的移植： letter-shell串口终端在高云FPGA上的移植 cmd-parser...串口命令解析器在高云FPGA上的移植本文介绍一个非常简单、功能强大的按键驱动模块MultiButton在高云FPGA上的移植。...，单击按键事件 DOUBLE_CLICK，双击按键事件 LONG_PRESS_START，达到长按时间阈值时触发一次 LONG_PRESS_HOLD，长按期间一直触发 2....(); } } 1ms我是采用的定时器中断的方式进行计数。...4C FPGA上的移植。

4903 0

在没有DOM操作的日子里，我是怎么熬过来的（上）

前言在我动笔写这篇文章的时候，我刚刚从我的项目中删除了最后一行JQuery代码。至于我为何要这么做，请听闰土娓娓道来。前几年我还在想，假如有一天，前端世界里不能再直接操作dom了，我该怎么办？...那么接下来，正文从这开始~ 熟悉闰土的朋友都知道，我是从JQ时代过来的前端，在刚接触react和vue这类MVVM框架的时候，完全可以用一脸懵逼来形容我，最为贴切。...我在想，如果能从一开始学的时候，把之前的开发思路忘掉，就当自己从来没学过编程，以一种空杯心态从零开始学的话，应该会比较快。之前没有考虑到思路转换这一步，走了弯路。...在写完了这个demo后，我感觉到了Vue的确有它的魅力所在。它的MVVM让业务逻辑变得更加清晰和简单。...其实两者并没有什么功能上的交集，如果你非要问可不可以用vue来实现jQuery所能实现的功能的话，我只想说，能，并且更加简洁。

2.1K12 0

h5页面在不同iOS设备上的问题总结

在做文章评论的功能时，会遇到很多兼容性的问题，在不同机型上的表现也很不一致，总结了以下这些问题。 1. 日期问题对于yyyy-mm-dd hh:mm:ss 这种格式在ios系统不识别。...发布按钮，输入完文字，点击“发布”，触发click事件的时候，会导致页面先触发blur事件，键盘回落，然后一切就结束了。。。。...按钮点击没有起任何作用。解决方案：把click事件更换成ontouchstart 可以解决这个问题。 ontouchstart 事件优于click事件触发。...4. iphone fix 失效，导致一些机器上textarea光标偏移解决方案：所有兄弟元素变成absolute，父元素overflow:auto。...键盘遮挡输入框输入框如果使用了fixed固定在底部，键盘顶起的时候，iphone上fixed会失效，导致页面滚动输入框会随着页面滚动，并且在部分机型上，输入框偶尔会被键盘遮挡，这种偶现的问题，很不友好

1.7K2 0

Android触摸事件和mousedown、mouseup、click事件之间的关系

一、移动端触摸事件 ontouchstart、ontouchmove、ontouchend、ontouchcancel 1、Touch事件简介 pc上的web页面鼠标会产生onmousedown、onmouseup...、onmouseout、onmouseover、onmousemove的事件，但是在移动终端如iphone、ipod Touch、ipad上的web页面触屏时会产生ontouchstart、ontouchmove...，如果没有改变，会按照mousedown，mouseup，click的顺序触发事件。...这个事件不冒泡，而且在光标移动到后代元素上不会触发。DOM2级事件并没有定义这个事件，但 DOM3级事件将它纳入了规范。IE、Firefox 9+和 Opera支持这个事件。...mouseleave：在位于元素上方的鼠标光标移动到元素范围之外时触发。这个事件不冒泡，而且在光标移动到后代元素上不会触发。DOM2级事件并没有定义这个事件，但 DOM3级事件将它纳入了规范。

2.6K3 0

Android的webview研究

然后我就怀疑是不是 js 的执行效率不高，然后就把能用 css 的地方都用 css ，能直接写到 html 上的就不用 js 动态生成。结果，速度并没有多大的提升，最多提升了 1 秒。...这个问题困扰我很长时间，后来发现 iphone 上的做法，才解决了。...Iphone 上的 webview 有专为触摸屏设计的事件 ontouchstart 、 ontouchmove 、 ontouchend ，这几个事件的响应是实时的，就能解决拖动的问题了。...Android 上的 webview 和 iphone 的 webview 区别。目前为止，我发现的区别有这么几个： 1 ．...Android 上， webview 不支持多点触控，没有 ongesture 系列事件，而 iphone 上有。 2 ．

1.3K1 0

移动web开发中，好用的小方法

1.检查是否触屏设备 //此方法在chrome模拟手机的模式中似乎无效，但是在iphone中是有效的，在安卓中待测试 function isTouchDevice() { return ('ontouchstart...侦听用户点击一次返回按钮，做到不刷新页面，而是回调函数 //用法 onBackBtnClick(function () { //点击返回按钮后要做些什么 }); /** * 侦听浏览器返回按钮的点击事件...* ps1.每调用一次本函数,本浏览器窗口会重定向到一个新页面,但是页面不会刷新,所以在用户看来除了地址变了,其它什么都没变, * 而在浏览器看来是跳到了新页面,只是没有加载新页面的元素 * @param...mark = Math.random(), thisUrl = location.href;//保存当前链接 //添加一个新页面到浏览器历史(只有做这一步,点击返回按钮才不会返回上一页...,而是留在本页并触发事件) history.pushState({}, "", "#newWin&mark="+mark); window.addEventListener('popstate

9412 0

移动开发实用

(区分webkit 和 winphone) 当用户手指放在移动设备在屏幕上滑动会触发的touch事件以下支持webkit 描述 touchstart 当手指触碰屏幕时候发生。...不管当前有多少只手指 touchmove 当手指在屏幕上滑动时连续触发。...解决方案： fastclick可以解决在手机上点击事件的300ms延迟 zepto的touch模块，tap事件也是为了解决在click的延迟问题触摸事件的响应顺序 1、ontouchstart...2、ontouchmove 3、ontouchend 4、onclick 解决300ms延迟的问题，也可以通过绑定ontouchstart事件，加快对事件的响应。...important;} 最好的解决方案：整个页面用rem或者百分比布局消除transition闪屏网络都是这么写的，但我并没有测试出来 .css{ /*设置内嵌的元素在 3D 空间如何呈现：

6.4K3 0

为什么我建议在复杂但是性能关键的表上所有查询都加上 force index

对于 MySQL 慢 SQL 的分析在之前的文章，我提到过 SQL 调优一般通过下面三个工具： EXPLAIN：这个是比较浅显的分析，并不会真正执行 SQL，分析出来的可能不够准确详细。...但是不能直观的看出来为啥会走错索引，需要通过 OPTIMIZER TRACE 进行进一步定位。但是在进一步定位之前，我想先说一下 MySQL 的 InnoDB 查询优化器数据配置。...这也引出了一个新的可能大家也会遇到的问题，我在原有索引的基础上，加了一个复合索引（举个例子就是原来只有 idx_user_id，后来加了 idx_user_status_pay），那么原来的只按照 user_id...所以最好一开始就能估计出大表的量级，但是这个很难。结论和建议综上所述，我建议线上对于数据量比较大的表，最好能提前通过分库分表控制每个表的数据量，但是业务增长与产品需求都是不断在迭代并且变复杂的。...这种情况下需要我们，在适当调高 STATS_SAMPLE_PAGES 的前提下，对于一些用户触发的关键查询 SQL，使用 force index 引导它走正确的索引，这样就不会出现本文中说的因为 MySQL

1.3K2 0

你无法检测到触摸屏

var hasTouch = 'ontouchstart' in window; 好吧，或许是这样。但问题是，从来没有人说过一个非触屏设备不能实现触摸接口，或者至少在 DOM 里拥有事件句柄。...感谢 @jacobrossi指正我。不管是 Safari 还是 Opera 都还没有在他们的桌面浏览器实现触摸接口，所以他们在触摸设备上也没有结果。...，这个事件会被触发。...我强烈建议一起实施两种交互方法，在这种情况下，你不需要专门检测触摸屏。 Patrick Lauke 的这篇文章更加详细地提出了为什么（以及怎么做）你应该一起实现鼠标和触摸事件。...关于事件和交互，假设任何人可能有触摸屏。同等的实现键盘，鼠标和触摸交互，确保没有阻止彼此。或者，就像我在我的关于媒体查询的文章里建议的一样，你可以只询问浏览器。

1.9K2 0

第123天：移动web开发中的常见问题

当用户手指放在移动设备在屏幕上滑动会触发的touch事件：以下支持webkit： touchstart——当手指触碰屏幕时候发生。不管当前有多少只手指。...touchend——当手指离开屏幕时触发。 touchcancel——系统停止跟踪触摸时候会触发。例如在触摸过程中突然页面alert()一个提示框，此时会触发该事件，这个事件比较少用。...移动设备上的web网页是有300ms延迟的，往往会造成按钮点击延迟甚至是点击失效。解决方案： fastclick可以解决在手机上点击事件的300ms延迟。...zepto的touch模块，tap事件也是为了解决在click的延迟问题。...触摸事件的响应顺序： ontouchstart ontouchmove ontouchend onclick 解决300ms延迟的问题，也可以通过绑定ontouchstart事件，加快对事件的响应。

1.5K2 0

通过jquery库扩展移动端‘长按触发’事件（模拟浏览器‘长按识别二维码’功能）

上一篇讲了如何通过qrcode.js解析二维码（图片），那么现在我们要实现的功能就是最开始的要求'长按识别二维码'这个功能！...解析部分的难题我们已经解决，那么现在需要解决的就是模拟‘长按触发事件’这个功能，该功能通过一些参考资料，采用的是给jquery的扩展一个触发事件。...2，阻止浏览默认事件的触发 document.getElementById('showImg').ontouchstart = function (e) { e.preventDefault(); };...端浏览器在谷歌测试没有问题！...解决办法：将该段组织浏览器默认事件的代码直接放到该元素的后边，当然页面如果内容很多，一般不会出现该情况！（2），苹果手机的浏览器默认事件没有阻止。

1.3K1 0

移动端web开发笔记

(区分webkit 和 winphone) 当用户手指放在移动设备在屏幕上滑动会触发的touch事件以下支持webkit 以下支持winphone 8 touchstart——当手指触碰屏幕时候发生。...不管当前有多少只手指 touchmove——当手指在屏幕上滑动时连续触发。...例如在触摸过程中突然页面alert()一个提示框，此时会触发该事件，这个事件比较少用 4、移动端click屏幕产生200-300 ms的延迟响应移动设备上的web网页是有300ms延迟的，玩玩会造成按钮点击延迟甚至是点击失效...解决方案： fastclick可以解决在手机上点击事件的300ms延迟 zepto的touch模块，tap事件也是为了解决在click的延迟问题触摸事件的响应顺序 1、ontouchstart 2、...ontouchmove 3、ontouchend 4、onclick 解决300ms延迟的问题，也可以通过绑定ontouchstart事件，加快对事件的响应 5、什么是Retina 显示屏，带来了什么问题

3.5K2 0

HTML5做个画图板

首先要说明的是这里不是用鼠标画画，而是在触摸设备上用手指，比如ipad。做画图板，自然使用html5的canvas来实现了。在canvas中我们可以画圆，画矩形，画自定义的线条等等。...这次主要使用的画圆跟画线条来实现。html中支持对触摸事件的响应。...IPAD上的效果：思路：当手指触摸到屏幕的时候在onTouchStart 事件中在手指触摸的位置上添加一个圆；当手指开始滑动的时候在onTouchMove中不断的从上一个触摸点到下一个点画线条。...这个很关键，不然在线条角度变化大的地方会出现断带。 event.preventDefault();取消事件的默认动作。在滑动事件中一定要调这个方法。...不然滑动时就会触发浏览器默认的滑动事件，就会发生页面下拉的效果，你就画不了画喽。后续：后面我会结合phonegap，把这个html5的网页封装成app搬到android，ios，wp上去。

7422 0

SAP UI5 sap.ui.Device.media.initRangeSet 方法的单步调试

每个 SAP UI5 应用在初始化时，都会触发这个方法的调用。...注册 RangeSet 变更的事件监听函数： if (oQuery.media.addEventListener) { oQuery.media.addEventListener("change", oConfig.listener...d]*)([\d.]*)\s/; aMatches = userAgent.match(rPlatform); if (aMatches) { var rAppleDevices = /iPhone...尺寸：实际上就是使用的 windows 全局对象的 innerHeight 和 innerWidth 这两个属性。...(('ontouchstart' in window) || (window.navigator.maxTouchPoints > 0) || (window.DocumentTouch &

2941 0

收藏 | 移动端H5开发常用技巧总结

在高清屏下，移动端的 1px 会很粗。那么为什么会产生这个问题呢？...解决方案： fastclick可以解决在手机上点击事件的300ms延迟 zepto的touch模块，tap事件也是为了解决在click的延迟问题触摸事件的响应顺序 ontouchstart ontouchmove...手指按住屏幕上拉，底部多出一块白色区域。在 iOS 中，手指按住屏幕上下拖动，会触发 touchmove 事件。...这个事件触发的对象是整个 webview 容器，容器自然会被拖动，剩下的部分会成空白。...keyup、keydown、等支持不是很好, 用 input 监听键盘 keyup 事件，在安卓手机浏览器中没有问题，但是在 ios 手机浏览器中用输入法输入之后，并未立刻相应 keyup 事件 IOS12

4.2K2 0

05移动端事件

一、移动端三大事件 1、手指按下 ontouchstart 2、手指触摸 ontouchmove 3、手指抬起 ontouchend...//注意：在移动开发时，浏览器模拟器时好时坏，一般不用onX的方式绑定事件函数，要用事件绑定的方式（即第二种） div.ontouchstart = function(){}; div.addEventListener...('touchstart', function(){}); 二、PC端事件在移动端（出现的问题） 1、PC端事件在移动端略慢，大概300ms左右 2、阻止PC事件 document.addEventListener...事件对象：用户在浏览器下触发某个行为，事件对象会记录用户操作时的相关细节（如位置信息等）） 1、touches：当前位于屏幕（包括dom元素之外）上的所有手指的列表 2、targetTouches...：位于当前 DOM 元素上（当前dom元素之外的无法获取）的手指的列表 3、changedTouches：涉及当前事件的手指的一个列表例子：移动端无缝轮播切换

1.3K5 0

移动端APP列表点透事件处理方法

【具体事件具体分析，可能我遇到的问题并不适合你，这里只是贴出来共享】先看下面两张图片： ? ?...点击列表页的按钮会切换到下一个页面，但是在下一个页面上的每一个条目都是可以点击的，这时就会触发了下一个页面的弹窗，事实上我们并不想直接显示这个弹窗，而是要等待用户点击。...当时移动端的点击事件都会有300ms的延迟，因此在切换了页面之后，浏览器会再次判断点击的行为，此时如果下一个页面都有可以触发点击的元素，这时候就触发了下一个页面的点击行为。...于是你又想，加上一个onTouchStart事件，然后阻止掉默认事件，尼玛发现滑都滑不动了。...因此针对常用的几种解决点透事件的方法，我想了几种解决方案：方案一：自己模拟Tap事件大致的代码如下： var list = document.querySelector('#list'); var

1.2K5 0

uikiller使用手册(一)

在CocosCreator中UI编程基于组件模式，我根据自己的项目经验，将组件分为两类：法宝型与结界型。法宝型组件法宝型组件：以装饰宿主节点为己任，从不控制其它节点。...二、节点访问将Thor子类组件脚本挂接到Canvas节点上，可实现当前编辑的整个UI树的管理。 ? 在Thor子类脚本中，可直访问整个UI树中以下划线“_”开头命名的节点。..._button.name); }, }); 三、组件访问在node节点访问的基础上，使用“$” + “组件名”访问节点上挂载的组件对象。...label，事件函数为：onLabelTouchEnd 为什么定义这样的命名规则呢?...长按事件监听长按事件是uikill扩展的触摸事件类型，可以给节点设置touchLongTime属性控制长按触发时间，默认是1秒，注意以毫秒为单位。

5754 0

让你瞬间提高工作效率的常用js函数汇总(持续更新)

[79p7b1dqnx.png] 前言本文总结了项目开发过程中常用的js函数和正则，意在提高大家平时的开发效率，具体内容如下：常用的正则校验常用的设备检测方式常用的日期时间函数跨端事件处理 js...; } 跨端事件处理 // 是否支持触摸事件 let isSupportTouch = ("ontouchstart" in document.documentElement) ?...算法 /\*\* \* 节流函数--规定在一个单位时间内，只能触发一次函数。...如果这个单位时间内触发多次函数，只有一次生效。...last = now fun.apply(that,\_args) } } } /\*\* \* 防抖函数--在事件被触发

6961 0

webview长按事件js监听

做app开发时，用到了webview，需要监听webview的长按事件，使用原生的js处理监听如下： var timeOutEvent = 0; //定时器 //开始按 function...gtouchstart() { timeOutEvent = setTimeout("longPress()", 500); //这里设置定时器，定义长按500毫秒触发长按事件，时间可以自己改...() { timeOutEvent = 0; //执行长按要执行的内容，如弹出菜单 //alert("长按事件触发"); do_Page.fire...("showTool",{"index":index,"url":images[index].source}); } 这里设置500ms点击为长按处理，主要用到了3个事件： ontouchstart...、ontouchmove、ontouchend，主要思路：在ontouchstart事件中启动一个定时器，定时器间隔时间为500ms，即500ms后自动执行longPress逻辑，并清除定时器事件，ontouchend

10.1K0 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭