s***@aliyun.com
s***@aliyun.com
  • 发布:2019-08-22 12:44
  • 更新:2019-09-04 17:16
  • 阅读:791

【报Bug】Mui绑定的tap事件在iOS10上触发元素显示不准确

分类:MUI

详细问题描述

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

2019-08-22 12:44 负责人:无 分享
已邀请:
s***@aliyun.com

s***@aliyun.com (作者)

现在bug都没人回复了吗?

该问题目前已经被锁定, 无法添加新回复