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

【报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都没人回复了吗?

要回复问题请先登录注册