详细问题描述
mui on 绑定的tap事件,触发元素在iOS系统中不准确,时常出现点击1,显示3或5的情况。 安卓手机和浏览器中测试未出现过该情况。
在 iOS 10.3.1 和12.0 版本上都能重现该问题。
我在hellomui的demo项目的index.html页面加入如下测试代码,同样重现了该问题:
测试元素:
<div class="number-container">
<div class="test-num" num='1'>1</div>
<div class="test-num" num='3'>3</div>
<div class="test-num" num='5'>5</div>
</div>
测试元素样式:
.number-container {
width: 100%;
height: 8rem;
position: absolute;
bottom: 0rem;
display: flex;
justify-content: space-between;
}
.number-container div {
width: 33%;
height: 8rem;
border: 1px solid red;
line-height: 8rem;
font-size: 2rem;
text-align: center;
}
测试绑定tap事件
mui('body').on('tap', '.test-num', function() {
var num = parseInt(this.getAttribute("num"));
alert(num +this.outerHTML);
return;
})
[内容]
重现步骤
[步骤]
将上述html元素加到任意页面,或者用附件中的test.html放入到项目中测试均可
[结果]
使用iphone手机测试,点击测试中的元素,经常会出现实际点击的元素和触发事件的元素不一致的情况
[期望]
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]
视频和源代码见附件
IDE运行环境说明
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
[IDE版本号]
HBuilderX 2.2.2.20190816
[windows版本号]
Win7
[mac版本号]
uni-app运行环境说明
[运行端是h5或app或某个小程序?]
[运行端版本号]
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
[编译模式是老模板模式还是新的自定义组件模式?]
App运行环境说明
[Android版本号]
Android手机测试正常
[iOS版本号]
IOS 10.3.1
iOS 12.0
[手机型号]
iPhone 6
iPhone 6 Plus
iPhone XR
[模拟器型号]
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[App安装包或H5地址]
[可重现代码片段]
联系方式
[QQ]349751372