苹果手机的html 手势，点击事件

最新推荐文章于 2021-06-04 00:00:24 发布
最新推荐文章于 2021-06-04 00:00:24 发布
阅读量1.8k 收藏
点赞数
分类专栏： HTML5 文章标签： 苹果点击事件 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxf13598202302/article/details/50724362
版权
// 手势事件（本来我搜到的是touchstart ，但是我发现打包apk后再拼过手机上能运行的是ontouchstart ,和 ongesturestart）

ontouchstart            //当手指接触屏幕时触发

ontouchmove           //当已经接触屏幕的手指开始移动后触发

ontouchend             //当手指离开屏幕时触发

ontouchcancel

// 触摸事件

ongesturestart          //当两个手指接触屏幕时触发

ongesturechange      //当两个手指接触屏幕后开始移动时触发

ongestureend 


以此类推，苹果的其他html事件 应该也是加上on就可以了。


详细情况请查看转载的 

HTML5移动开发技术要点总结及各事件含义。

指尖下的js——多触式web前端开发之二:处理简单手势


zxf13717561643
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js联调，iPhone、Android调用前端页面，把js点击事件以及参数传给iPhone、Android开发的APP
weixin_43820535的博客
07-08 373
js联调，iPhone、Android调用前端页面，把js点击事件以及参数传给iPhone、Android开发的APP 代码如下： var u = navigator.userAgent; if (u.indexOf("iPhone") > -1 || u.indexOf("iOS") > -1) { var message = { 'state': 'pinglun', 'type': type,//参数type 'id': id//参数
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
10-17
主要介绍了vue 界面在苹果手机上滑动点击事件等卡顿解决方案，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
动态生成html元素绑定事件 iphone失效问题解决
weixin_34080903的博客
09-11 287
2016年9月21日 动态生成html元素绑定事件 iphone上失效问题解决。多种方法，简单写几种。第一种、使用touchstart或者touchend代替click事件。触屏事件问题，如果触发了touchmove，touchend就不会被触发了,而且touchmove没有持续触发。在touchstart的时候调用下event.preventDefau...
苹果手机浏览器$(document).on("click",function(){})点击无效的问题
William_Wei007的博客
05-04 4435
$(document).on(“click”,function(){})
html经过手指状态,html5 移动端的手指触屏事件
weixin_36484465的博客
06-04 1054
用户在移动端浏览H5的时候，会使用手指进行一连串的操作，单击、双击、上拉、下拉等等一系列操作，这里主要针对touch事件进行一些简单的介绍；用户从手指触碰到屏幕到手指离开屏幕这中间，会触发一系列的touch事件：①touchstart：当手指触碰到屏幕的时候触发②touchmove：当手指在屏幕上滑动的时候触发③touchend：当手指离开屏幕的时候时候触发④touchcancel事件：当系统停止...
触屏中的JavaScript事件
子谦
06-17 282
转自：http://wangyong31893189.iteye.com/blog/1337023 一、触摸事件ontouchstart ontouchmove ontouchend ontouchcancel 目前移动端浏览器均支持这4个触摸事件，包括IE。由于触屏也支持MouseEvent，因此他们的顺序是需要注意的：touchstart → mouseover → mo...
苹果设备上div加onclick事件点击无效的解决办法
littlebearGreat——宁静致远
01-18 1万+
按照标签的语义化，button标签是用来点击的。而div,自己体会哈。给div加个属性  cursor:pointer;在苹果设备上onclick就有效了
移动端手势事件及长按事件模拟
前端开发技术
01-04 1274
H5原生事件中为移动端增加了3个触控事件，touchstart、touchmove、touchend；但是我们在实际使用手机时有长按和手势动作，但是原生并没有给我们封装类似的事件，所以我们需要模拟实现。 (function () { const touch = new Event("touch"), longTop = new Event("longTop"), ...
苹果手机（ipone）点击元素，事件不执行
yq_dxp1218的博客
07-26 1309
最近发现苹果手机，给除了a链接之外的元素绑定事件不执行 最后才发现苹果手机对div之类的块元素不识别点击事件， 解决方案-1  给要点击元素增加 css样式 cursor:pointer 就可以了，例如以下 <style>       .commonbtn{cursor:pointer  }     /**/ </style>      解决办法 2 ：    ...
移动端手势事件浅析
廿四桥明月夜的博客
08-20 1622
匆匆走过了2016，新的一年又开始了。新年没有什么计划，因为往年欠了太多，所以，边走边看吧。不过，新年第一天唯一值得说的事就是鼓足了勇气主动去认识了一个美女（由于本人实在太内向，以往基本没这样做过），也算是自我突破一下吧。 之前有个朋友问过一关于移动端长按怎么实现的问题，为了应急就给了一个很丑的方法，凑合着把功能做了，之后一直想整理一下关于移动端的手势操作，也一直没时间，但是元旦小长假，这种专门给...
HTML5移动端通过touch事件判断手势方向及页面到达底部
52.0Hz的博客
09-15 5305
通过HTML5的触摸事件(touchstart、touchmove和touchend)判断手指在屏幕上滑动的方向（上|下），以及判断可滚动区域是否到达底部，到达底部后加载更多数据。
iphone手机上的click和touch事件
weixin_30813225的博客
11-21 204
在iphone手机上绑定click事件时，当你触发点击事件时，你绑定的click事件的DOM节点，会自动被一块浮层选中。所以如果使用事件委托来做事件绑定会造成很差的用户体验。 使用touchstart来实现点击就不会有这个问题。但是touchstart事件的触发机制和click不同。在你滑动页面的时候，如果触碰到了绑定时间的节点就会产生相关的事件。 具体取舍看实际情况。 转载于:https:/...
使用Html5 video在iPad/iPhone上碰到的几个问题
精彩人生
04-26 4207
最近使用mediaelementjs做一个iPad上的Html5的video标签的播放器包装. 首先感谢一下mediaelementjs这样的开源项目, 可用度极高, 代码质量明显比我自己写要好多了, 模块化清晰, 许可证很开放(MIT). 开发的过程中遇到了些浏览器兼容问题, 也涉及到一下iPad这样的平板平板设备上的浏览器与桌面浏览器在用户行为设计上的不同的问题. 下面罗列一下: 0
剖析iphone之触摸事件touchstart
weixin_30266885的博客
12-21 201
今天做项目发现一个问题，貌似从前没有遇到过，就记录一下，以后方便看.....（代码只显示了js这部分 样式结构都会写） 一般我们绑定click触发事件都是直接用onclick 或者方便一点click,当然我也是这样的...所以今天就遇到坑了 这几天做了一个项目，pc端和wap端的一个双旦活动页，昨天晚上做好上线的，今天自己测试了一下wap端的一个点击事件在安卓版可以正常使用，而在ios上虽然不...
document.onclick在ios上不触发的解决方法与touchstart点击穿透处理
weixin_30652491的博客
03-16 671
document.onclick = function (e) { var e = e ? e : window.event; var tar = e.srcElement || e.target; if (tar.id != "searchData") { pagesZone.style.display = "none"; } } ...
h5页面苹果手机不兼容普通点击事件
zzz_zed的博客
06-14 7756
在代码里面写了一个回到顶部的方法，电脑测试 和安卓手机测试完全没问题，在苹果手机上面就会出现点击不会跳转到顶部，反而会向下移一点点； 代码如下（js添加节点并添加点击事件）： js: if ($('#mkFixedTools').length > 0) { $("<div class='tool-toTop hide'></div>").app...
html5手机页面 点击事件
师远鹏
11-05 7703
Zepto.js和jquery区别在于： Zepto.js是小巧的适用于手机页面的js框架 jquery比Zepto.js相对大一点， 两者语法大致相同 zepto.js手机页面点击事件代码如下： 1 $("#android_link").on('click', 2
CSS 鼠标样式和手指样式整理
热门推荐
bytxl的专栏
06-11 1万+
巧合要用到鼠标样式效果，就顺便整理了下十五种CSS鼠标样式，小例子供大家使用啊。CSS鼠标样式语法如下：  任意标签中插入 style="cursor:*"  例 子：文本或其它页面元素 文本或其它页面元素 注意把 * 换成如下15个效果的一种：  下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！  hand是手型  例子：CSS鼠标手型效果 CSS鼠标手
qt for android触摸手势事件qgestureevent
最新发布
09-24
qt for android中的触摸手势事件QGestureEvent是用于处理多点触摸手势的事件。Android设备上的触摸事件可以包含更复杂的手势，如双指缩放、双击、长按等。QGestureEvent提供了一种简单且方便的方式来处理这些手势事件。 QGestureEvent类继承自QEvent类，用于描述手势事件。通过QGestureEvent，我们可以获取触摸手势的各种信息，如手势类型、触摸点数、手势状态等。 Qt提供了一些与手势事件相关的类，如QPanGesture、QPinchGesture、QSwipeGesture等，用于表示不同类型的手势。在处理QGestureEvent时，我们可以通过QGestureEvent的gestures()方法获取触发的手势对象列表，然后根据手势对象的类型来判断具体的手势类型，并进行相应的处理。 在使用QGestureEvent处理手势事件时，首先需要在相关的widget或view上开启手势事件的接收，可以通过设置setAcceptedGestures()方法来指定接收哪些手势。然后，在手势事件触发时，会自动调用widget或view的gestureEvent()方法来处理手势事件。 QGestureEvent提供了一些便捷的方法来获取手势事件的更详细信息，如gestureType()可以获取手势的类型，state()可以获取手势的状态，gesture()可以获取具体的手势对象等。 总之，通过QGestureEvent和相关的手势类，我们可以方便地实现多点触摸手势的处理。在Qt for Android中，使用QGestureEvent可以更好地响应和处理复杂的手势事件，提升用户体验和交互性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值