safari @click无用

2024-11-08

IOS - Safari中click点击事件无效

做web移动端页面时,安卓端一点问题也没,发现在ios真机上点击事件无效,发现Safari下只有默认可点击的元素才click点击事件,像span div等元素是不具有点击事件的. 解决问题四种方式: 1.将 click 事件直接绑定到目标元素(即 .target)上 2.将 click 事件委托到非 document 或 body 的父级元素上 3.将目标元素换成 <a> 或者 button 等可点击的元素 4.给目标元素加一条样式规则 cursor: pointer; 推荐最后一种,因为在S

浏览器环境下的microtaks和macrotasks

带有可视代码执行顺序的原文链接https://jakearchibald.com/201...,此篇文字并非其完整翻译,加入了一部分自己的理解,比如将其中的task替换为macrotask或是删除了可视代码执行顺序的逐步解释. 运行顺序参考以下JavaScript代码: console.log('script start'); setTimeout(function() { console.log('setTimeout'); }, 0); Promise.resolve().then(fun

如何在iOS手机上进行自动化测试

版权声明:允许转载,但转载必须保留原链接:请勿用作商业或者非法用途 Airtest支持iOS自动化测试,在Mac上为iOS手机部署iOS-Tagent之后,就可以使用AirtestIDE连接设备,像连接安卓设备一样,实时投影.控制手机.iOS测试不仅限于真机测试,iOS模拟器也可以进行.Mac端上部署完成后还可以提供给同一局域网内的windows上远程连接使用.同时支持airtest图像识别和poco UI检索. 本文介绍iOS自动化测试的部署过程,提供一个简单的测试脚本,列举了iOS测试过程中

移动开发那些坑之——safari mobile click事件的冒泡bug

今天在iphone6 plus的safari上测试这么一段代码: <script> $(document).on('click','.callApp', function() { alert("hehe"); }) </script> <div class="callApp caMiddle">打开app,马上参加活动</div> <a href="javascript:;" class=&q

［转］iOS Safari 中click点击事件失效的解决办法

iOS Safari 中click点击事件失效的解决办法问题起因: 在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效(不能执行) 问题描述当使用委托给一个元素添加click事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效. 解决办法解决办法有 4 种可供选择: 将 click 事件直接绑定到目标元素(即 .target)上将目标元素换成

iOS Safari 中click点击事件失效的解决办法

问题起因: 在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效(不能执行) 问题描述当使用委托给一个元素添加click事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效. 解决办法解决办法有 4 种可供选择: 将 click 事件直接绑定到目标元素(即 .target)上将目标元素换成 <a> 或者 button 等可点击的元素将 cl

ios下Safari无法触发click事件的处理

ios下的Safari真是傲娇啊,坑好多. 首先上代码 <!DOCTYPE html> <html> <head> <title>122</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"&

safari浏览器click事件要点击两次才有响应出现闪烁

闪烁问题由于在iOS Safari上click事件存在300ms响应延时,所以为touch事件添加样式,会和click事件默认样式叠加而产生闪烁问题. 因为ios safari浏览器中对触摸事件的响应顺序是: ontouchstart -> ontouchmove -> ontouchend -> (300ms) onclick 快速解决问题的方法: 消除click默认样式通过讲click事件样式的alpha通道设置为0(透明),消除click事件的闪烁效果 -webkit-tap-

【小贴士】【stringify神BUG】【localstorage失效】【消灭Safari alert框】【是否延迟加载】【页面10px白屏】

前言最近碰到几个恶心问题,也发现一点优化技巧,以及对Hybrid知识的一些整理,这里便一并拿出来做分享了,关于Hybrid的调试,会是我今后一个重点我的博客首先是学习笔记,方便自己做知识沉淀,以后好查阅,其次才是分享,所以其中有误请提出,觉得乱是很有可能的~~~~~~ 我们在工作中一般会有这么一个流程:发现问题->定位问题->解决问题其中最难就是定位问题,有时候我们会花上几天时间定位问题,而解决问题却只需要几秒...... 所以定位问题的能力非常重要,这也是经验的体现,所谓高手其实就是坑

Mobile Safari调用本地App, 否则进入App Store下载

需求: 如何让用户通过手机浏览器(Mobile Safari),访问一个URL就能直接打开ios上的App应用,如果该应用没有安装,那么直接跳转到App Store的App下载页面. 准备工作 ios SDK的OpenURL函数和URL Scheme JavaScript的window.location和setTimeout函数代码实现下面以打开暖岛app为例子,JS实现部分如下 window.location = 'nuandao://web2app'; setTimeout(functi

CVE-2016-4758: UXSS in Safari's showModalDialog

I would like to share about details of Safari's UXSS bug(CVE-2016-4758). This bug was fixed in Safari 10.https://support.apple.com/en-us/HT207157 WebKit Available for: OS X Yosemite v10.10.5, OS X El Capitan v10.11.6, and macOS Sierra 10.12 Impact: V

移动端click事件延迟300ms的原因以及解决办法

这要追溯至 2007 年初.苹果公司在发布首款 iPhone 前夕,遇到一个问题 —— 当时的网站都是为大屏幕设备所设计的.于是苹果的工程师们做了一些约定,应对 iPhone 这种小屏幕浏览桌面端站点的问题.这当中最出名的,当属双击缩放(double tap to zoom).这也是会有上述 300 毫秒延迟的主要原因. 当用户一次点击屏幕之后,浏览器并不能立刻判断用户是要进行双击缩放,还是想要进行单击操作.因此,iOS Safari 就等待 300 毫秒,以判断用户是否再次点击了屏幕. 于是,

select中无法使用click的处理

今天工作用到了select,想要给option添加click点击事件,可是却没有任何效果,百度了才发现,原来竟然是不支持呀! 众所周知(其实我才知道哎),在IE里, select的option是不支持onclick事件的, 而在FF 和 OPERA 里, option 是支持onclick事件的. (safari似乎也不支持,不过暂时我还不知道如何解决safari的问题.) 我今天是用onchange来解决的,原谅也是才知道它可以用这个.select状态改变来调用函数. <!DOCTYPE ht

Safari 下用 "location.href = filePath" 实现下载功能的诡异 bug

Safari 下的一些诡异 bug 我们已经领教一二,比如前文中说的无痕浏览模式下使用 localStorage 的 API 就会报错.今天我们要讲的是利用 location.href = filePath 实现下载文件功能却在 Safari 下有一些奇怪的现象. location.href = filePath 一般在页面中实现文件的下载,我们都会用一个 A 标签,然后将该标签的 href 属性指向文件在服务端的地址,但是我们也可以用 location.href = filePath 的 j

问题解决（一）在ipad上通过safari浏览文档

项目背景针对用Sencha touch 1.1开发的一个用于通过ipad浏览的网站(其实是对PC端一个网站的映射)中的一个模块的开发,这个模块的主要功能就是用户浏览各种‘报告’,这些被阅览的‘报告’,其实是各种形式的文档,有word,ppt,xls, csv,pdf等,当然还包括一些视频文件需求描述用户登录网站,然后浏览所有报告的列表,如果想看其中某一个就点击打开查看,当用户点击其中一个文件名时,就在浏览器中打开一个新的标签加载(其实就是当用户点击的时候去下载被点击的文档)文档内容开发过

MUI - 将tap模拟成原生click体验

mui提供了tap事件替换了html5的click事件,解决了300ms延时的问题.不过相比原生app的click体验还是有些许差距的.关于300ms延时的问题,这篇帖子分析的比较完善,其中提到了穿透的问题,值得一读仅用微信为例,只有当手指离开屏幕时才触发click事件,如果对象绑定了长按事件,则触发长按操作,离开时不再触发单击事件. 这些逻辑无论是android, ios或者仅有1%的windows mobile都已经封装好了,根本不用关心. 那么,我们应该怎么来实现呢? 下面是详细的填坑历

谈谈iOS9中的WebKit 与 Safari

每个用过 UIWebView 的iOS开发者对其诸多的限制和有限的功能也深有感触.悻然,自iOS8推出 WebKit 框架后将改变这一窘境.在本文我将会深入WebKit来体验一下它给我们带来的好处,同时也看看在iOS9中新加入的 SFSafariViewController 有些什么新的惊喜. 通用的浏览行为所谓的通用浏览行为主要可以归纳为以下的几种: 网页载入进度前进后退刷新如果每个用到 WebView 的 app都要做一个专用的Controller也挺麻烦的,我以前就直接采用其它第

JavaScript_解决safari浏览器window.open无法实现的问题

解决 safari window.open 无法实现的问题先说下问题是什么吧: safari 中没办法在回调函数里面执行window.open, 原因是safari的安全机制将其阻挡了(具体的原因可能需要你自己深入研究).. 那么如果你有这样的需求(或者类似的),通过ajax 发送请求到服务器端,等待请求响应成功之后,根据从服务器端响应得到的数据,打开一个窗口显示给用户,在safari上是没办法直接一个window.open搞定的( 浏览器没问题, IE, firefox, chrome).

Safari on iOS 7 中Element.getClientRects的Bug

在Safari浏览器中,DOMElement和Range对象都提供了getBoundingClientRect方法和getClientRects方法.顾名思义,getBoundingClientRect就是获取一个DOMElement或者Range对象的最外围的包围矩形的基于视口左上角的坐标,返回对象类型为ClientRect,getClientRects就是获取一个DOMElement或者Range对象的所有组成矩形的基于视口左上角的坐标,返回的对象类型为ClientRectList. 但是在

Jquery事件委托之Safari

什么是事件委托事件委托是Jquery中一种事件绑定的方式,不同于常见的事件绑定方式将事件绑定在目标元素上,而是将事件绑定在父级元素上通过事件冒泡来执行绑定函数. //常见的事件绑定(Jquery) $(element).click(function(){ //do something }) //事件委托(Jquery) $(parents).on("click",element,function(){ //do something }) 事件委托的原理事件委托将事件监听绑定在目标元

safari @click无用

热门专题