添加支持苹果移动网络应用程序的可阻止识别 SVG 触摸
Adding apple-mobile-web-app-capable stops SVG touches being recognised
我正在尝试为SVG添加触摸功能。
我使用类似jQuery的选择器识别触摸事件。(我实际上正在使用角度 JQLite - angular.element(((:
.on("mousedown touch", function(event) {
在我的桌面和移动 Safari 中,没有问题。触摸被正确识别。当另存为书签时,它也会正确响应,但是当我包括:
<meta name="apple-mobile-web-app-capable" content="yes" />
在我的标题中,并保存到主屏幕.. 触摸部分没有响应。
我想知道是否有人知道此原因的根本原因或有解决方法?我正在使用 Angular 1.2.27 和 iOS 8
有关信息,我通过在 SVG 本身中嵌入 ng 单击来解决此问题。
这倾向于指出 click/moousedown/touchstart 的角度 JQLite 实现是原因,或者可能不支持与 ng-click 相同的触摸事件。
将以下行添加到您的 css 文件中。
svg {
pointer-events: none;
}
现在它应该可以工作了。
相关文章:
- 如何识别我的网站中的慢速设备
- 触摸移动时切换到新元素
- Google/html5语音识别JavaScript SDK Chrome网络工具包SpeechRecognition
- AngularJS指令只识别双向绑定类型
- 谷歌地图劫持了iphone's滚动(触摸事件)-如何恢复
- php脚本中无法识别ajax传递的值
- 识别没有ID或特定属性的对象
- ng消息仅在触摸时显示错误,并在错误的初始显示上转换
- JavaScript无法识别图像
- iOS 中的按钮触摸状态
- 如何在jquery中找到鼠标滚轮/触摸移动事件的走向
- 如何使用纯javascript的移动触摸事件
- 如何使用javascript检测触摸设备浏览器与桌面
- 识别由不同数量的项组成的json对象
- 如何让HTML5 JavaScript画布识别来自iPhone / ipad的触摸/点击
- JS:如何识别鼠标事件是否由触摸(而不是鼠标)提供
- 如何在 UIWebView 中识别堆叠 HTML 元素上的触摸事件
- 添加支持苹果移动网络应用程序的可阻止识别 SVG 触摸
- js:有没有一种方法可以在不使用锤子管理器的情况下添加自定义触摸识别器?
- 如何识别鼠标悬停事件对象是否来自触摸屏触摸