iphone手机上的click和touch事件

最新推荐文章于 2020-09-10 10:55:09 发布
最新推荐文章于 2020-09-10 10:55:09 发布
阅读量204 收藏
点赞数
原文链接：http://www.cnblogs.com/zzcflying/archive/2012/11/21/2780718.html
版权

在iphone手机上绑定click事件时，当你触发点击事件时，你绑定的click事件的DOM节点，会自动被一块浮层选中。所以如果使用事件委托来做事件绑定会造成很差的用户体验。

使用touchstart来实现点击就不会有这个问题。但是touchstart事件的触发机制和click不同。在你滑动页面的时候，如果触碰到了绑定时间的节点就会产生相关的事件。

具体取舍看实际情况。

转载于:https://www.cnblogs.com/zzcflying/archive/2012/11/21/2780718.html

weixin_30813225
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
移动H5页面开发时候，iPhone苹果iOS点击click、touch会有300ms延迟，如何解决？
Wbiokr的博客
08-16 1962
传统页面： <script src='path/fastclick.js'></script> <script> if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(do
jquery绑定click事件，在ios7 8下不触发的bug iPhone手机上使用jQuery的die、live和on注册click事件无法点击
GuangRong1的博客
07-07 975
在项目中遇到一个很诡异的bug，下面这段特别基本的代码，在IOS7 ， IOS8下的Safari中竟然不起作用！仔细研究之后，发现这段代码用在A标签上，是有用的。$("body").on("click",".xxx",function(e) { alert("clicked"); });解决问题有点出乎意料地简单，只需要在.xxx的css上加上cursor:pointer;就能够正常使用了...
剖析iphone之触摸事件touchstart
weixin_30266885的博客
12-21 201
今天做项目发现一个问题，貌似从前没有遇到过，就记录一下，以后方便看.....（代码只显示了js这部分 样式结构都会写） 一般我们绑定click触发事件都是直接用onclick 或者方便一点click,当然我也是这样的...所以今天就遇到坑了 这几天做了一个项目，pc端和wap端的一个双旦活动页，昨天晚上做好上线的，今天自己测试了一下wap端的一个点击事件在安卓版可以正常使用，而在ios上虽然不...
IPhone中H5页面用on绑定click无效的解决方法
10-22 412
首先声明本人资质尚浅，本文只用于个人总结。如有错误，欢迎指正、共同提高。 ----------------------------------------------------------------------------------- 首先问一句？ 为什么移动页面还在用click方法？假如必须用click，且遇到如标题所示bug,下文便是解决之道。当然，如果不用必须用click...
苹果手机浏览器$(document).on("click",function(){})点击无效的问题
William_Wei007的博客
05-04 4435
$(document).on(“click”,function(){})
Android触摸事件和mousedown、mouseup、click事件之间的关系
01-06
但是在移动终端如iphone、ipod Touch、ipad上的web页面触屏时会产生ontouchstart、ontouchmove、ontouchend、ontouchcancel事件，分别对应了触屏开始、拖拽及完成触屏事件和取消。 当按下手指时，触发ontouchstart...
Vue实现仿iPhone悬浮球的示例代码
10-15
这个功能可以让用户在界面上自由移动一个小球形按钮，类似于iOS设备上的Assistive Touch功能。以下是一个详细的步骤和示例代码解析。 首先，我们需要创建一个Vue组件来表示悬浮球。在`<template>`部分，我们定义了...
3D Touch Demo
12-13
3D Touch主要有三个核心功能：Peek（预览）、Pop（快捷操作）和Force Click（重按）。Peek功能允许用户在不离开当前界面的情况下，通过轻度按压快速预览邮件、链接等内容；Pop则是当用户进一步加大按压力度时，进入...
evasi0n-win-1.3
02-14
- evasi0n 1.1 is an untethered jailbreak for all iPhone, iPod touch, iPad and iPad mini models running iOS 6.0 through 6.1 SYSTEM REQUIREMENTS: - MacOSX 10.5/10.6/10.7/10.8 - Windows (XP minimum) -...
苹果设备上div加onclick事件点击无效的解决办法
热门推荐
littlebearGreat——宁静致远
01-18 1万+
按照标签的语义化，button标签是用来点击的。而div,自己体会哈。给div加个属性  cursor:pointer;在苹果设备上onclick就有效了
IOS 列表页用 iScroll 列表点击click事件会触发两次问题解决
陈小妹的专栏
09-10 238
iScroll里面有 touchstart 通过setTimeout 可以做长按事件 touchmove 上下滑动 不触发事件 touchend 模拟点击事件 <script> var touchStartFn = function(val,attr){ this.longClick = 0; if(this.timeoutEvent === 0) this.timeoutEvent = ''l} </script> @click 改成 @touch.
dom生成的结点在安卓手机在中点击事件有效，但在苹果手机中点击事件失效
吴纯玲的博客
04-19 2490
这是一个迷思。   $(document).on('click','.more',function(){ getRecord(page+1,5) }); more结点是通过dom操作，后期在页面追加生成的。   上述代码是给more结点添加点击事件。   当我愉快地拿起真机测试时，所有安卓的手机测试完美！   唯独同事的苹果机，点击事件不起作用。   泪如雨下。 ...
关于jquery中on绑定click事件在苹果手机中的兼容性问题
qq_36430799的博客
12-04 492
最近在做一个私活的时候，遇到一个小bug，让我百思不得其姐。 就是$("body").on("click","#xx",function(){})在安卓手机上可以，在pc调试可以，就是ios上不行。 搜索了N多资料，终于知道怎么回事了。没有原因，应该就是个小bug。直接说解决方法： 例如在这样的Dom结构中：<divclass="am-btn am-btn-default sure-...
Iphone上对于动态生成的html元素绑定点击事件$(document).click()失效解决办法
07-22 200
在Iphone上,新生成的DOM元素不支持$(document).click的绑定方法,该怎么办呢? 百度了N久都没找到解决办法,在快要走投无路之时,试了试Google,我去,还真找到了,歪国人就是牛逼,原帖地址:http://stackoverflow.com/questions/3705937/document-click-not-working-correctly-on-ip...
jquery中on绑定click事件在苹果手机失效问题解决（巨坑啊）
lxw1844912514的博客
01-17 1898
描述：用一个div写一个按钮，并给这个按钮添加一个点击事件，在安卓机器上一切正常，但是在苹果机型上会出现点击事件失效。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title&...
h5页面苹果手机不兼容普通点击事件
zzz_zed的博客
06-14 7756
在代码里面写了一个回到顶部的方法，电脑测试 和安卓手机测试完全没问题，在苹果手机上面就会出现点击不会跳转到顶部，反而会向下移一点点； 代码如下（js添加节点并添加点击事件）： js: if ($('#mkFixedTools').length &gt; 0) { $("&lt;div class='tool-toTop hide'&gt;&lt;/div&gt;").app...
苹果手机的html 手势，点击事件
菜鸟史
02-23 1850
// 手势事件（本来我搜到的是touchstart ，但是我发现打包apk后再拼过手机上能运行的是ontouchstart ,和 ongesturestart） ontouchstart            //当手指接触屏幕时触发 ontouchmove           //当已经接触屏幕的手指开始移动后触发 ontouchend             //当手指离开屏
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"; } } ...
CocoaTouch深入解析：iPhone OS 3开发
本书深入介绍了如何在 iPhone OS 3.0 及更高版本上使用 Cocoa Touch 进行应用程序开发。" Cocoa Touch 是苹果公司iOS开发框架的核心部分，它是构建iPhone、iPad等iOS设备应用程序的基础。这个框架提供了丰富的用户...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值