项目需求：使用Ionic1做混合App开发，使用Leaflet提供地图服务
遇到问题：地图上的click事件在Ionic App中不生效，在浏览器（PC和移动端）都可以
通过在Leaflet的github Issue 上搜索，有人遇到类似问题，解决方案是在地图的容器上加属性data-tap-disabled="true"，如下：
<!-- 地图容器 -->
<div id="map" data-tap-disabled="true"></div>
通过加这个属性，我的问题也解决了。后面查了一下ionic.bundle.js源码，其中2624行开始的注释有解释，Ionic Tap System 与 Google Map 和 Leaflet Maps等有touch detection system的第三方库有冲突，为解决这个冲突，可以禁用Ionic Tap System：
image.png
项目需求：使用Ionic1做混合App开发，使用Leaflet提供地图服务遇到问题：地图上的click事件在Ion...
在使用vue的UI组件iView.design时，点击搜索按钮click事件失效。 以上代码中click事件无效，...
vue移动端绑定click事件失效问题原因可能是你使用了better-scroll，默认它会阻止touch事件。所...
一.ionic3通过click事件跳转传参 二.ionic通过属性传参跳转
在使用better-scroll时，会使click事件失效 原因：better-scroll 默认会阻止浏览器的原...
h5在ios中点击失效 问题1：直接给元素绑定 click 事件失效 解决：可以改成绑定 touchend 事件 ...
默认不可点击的元素，事件委托到document body 上，在ios safari 上事件不生效 解决方案：（...
一、在el-row 或者 el-col 上使用@click失效, 要使用@click.native=”aaa()”...
问题:使用swiper插件生成的轮播图，给轮播加了click事件，第一次点击时没有问题，滑动后点击事件失效。 分析...
click点击失效 解决方案（以下验证都是可行的）： 1.直接把click事件绑定在触发对象上 2.改click事...
本文标题：ionic 使用 Leaflet，click事件失效
本文链接：https://www.haomeiwen.com/subject/kikractx.html
网友评论