IOS系统14.3、微信版本8.0.16[图片]

[图片]

[图片]

元素运用animation动画，部分IOS、和安卓机型tap事件点击不能及时反应,需要多次点击并且在一段时间后才会触发点击事件, - 预期表现     每次点击都能按时触发tag事件 [代码].float-redpacket-item {[代码][代码]    [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码]    [代码][代码]z-index[代码][代码]: [代码][代码]6[代码][代码];[代码][代码]    [代码][代码]width[代码][代码]: [代码][代码]136[代码][代码]rpx;[代码][代码]    [代码][代码]height[代码][代码]: [代码][代码]136[代码][代码]rpx;[代码][代码]    [代码][代码]background-[代码][代码]size[代码][代码]: [代码][代码]100%[代码] [代码]100%[代码][代码];[代码][代码]    [代码][代码]background-repeat[代码][代码]: [代码][代码]no-repeat[代码][代码];[代码][代码]    [代码][代码]animation-timing-function: linear;[代码][代码]    [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码] [代码]background-color: black;[代码] [代码]}[代码][代码].float-redpacket-item-animation_[代码][代码]0[代码] [代码]{[代码][代码]    [代码][代码]top[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码]    [代码][代码]left[代码][代码]: [代码][代码]600[代码][代码]rpx;[代码][代码]    [代码][代码]animation-name: myMove_[代码][代码]1[代码][代码];[代码][代码]    [代码][代码]animation-duration: [代码][代码]20[代码][代码]s;[代码][代码]    [代码][代码]animation-iteration-count: infinite;[代码][代码]}[代码][代码]@keyframes myMove_[代码][代码]1[代码] [代码]{[代码][代码]    [代码][代码]0%[代码] [代码]{[代码][代码]        [代码][代码]transform: translateX([代码][代码]0[代码][代码]) translateY([代码][代码]0[代码][代码]);[代码][代码]    [代码][代码]}[代码][代码]    [代码][代码]10%[代码] [代码]{[代码][代码]        [代码][代码]transform: translateX([代码][代码]-100[代码][代码]rpx) translateY([代码][代码]50[代码][代码]);        [代码][代码]    [代码][代码]}[代码][代码]    [代码][代码]20%[代码] [代码]{[代码][代码]        [代码][代码]transform: translateX([代码][代码]-200[代码][代码]rpx) translateY([代码][代码]100[代码][代码]rpx);[代码][代码]    [代码][代码]}[代码][代码]    [代码][代码]30%[代码] [代码]{[代码][代码]        [代码][代码]transform: translateX([代码][代码]-300[代码][代码]rpx) translateY([代码][代码]200[代码][代码]rpx);[代码][代码]    [代码][代码]}[代码][代码]    [代码][代码]40%[代码] [代码]{[代码][代码]        [代码][代码]transform: translateX([代码][代码]-400[代码][代码]rpx) translateY([代码][代码]350[代码][代码]rpx);[代码][代码]    [代码][代码]}[代码][代码]    [代码][代码]50%[代码] [代码]{[代码][代码]        [代码][代码]transform: translateX([代码][代码]-450[代码][代码]rpx) translateY([代码][代码]380[代码][代码]rpx);[代码][代码]    [代码][代码]}[代码][代码]    [代码][代码]60%[代码] [代码]{[代码][代码]        [代码][代码]transform: translateX([代码][代码]-620[代码][代码]rpx) translateY([代码][代码]450[代码][代码]rpx);[代码][代码]    [代码][代码]}[代码][代码]    [代码][代码]70%[代码] [代码]{[代码][代码]        [代码][代码]transform: translateX([代码][代码]-350[代码][代码]rpx) translateY([代码][代码]780[代码][代码]rpx);[代码][代码]    [代码][代码]}[代码][代码]    [代码][代码]80%[代码] [代码]{[代码][代码]        [代码][代码]transform: translateX([代码][代码]-200[代码][代码]rpx) translateY([代码][代码]500[代码][代码]rpx);[代码][代码]    [代码][代码]}[代码][代码]    [代码][代码]90%[代码] [代码]{[代码][代码]        [代码][代码]transform: translateX([代码][代码]-100[代码][代码]rpx) translateY([代码][代码]200[代码][代码]rpx);[代码][代码]    [代码][代码]}[代码][代码]    [代码][代码]100%[代码] [代码]{[代码][代码]        [代码][代码]transform: translateX([代码][代码]0[代码][代码]) translateY([代码][代码]0[代码][代码]);[代码][代码]    [代码][代码]}[代码][代码]}[代码] [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"float-redpacket-box"[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"float-redpacket-item float-redpacket-item-animation_0"[代码] [代码]catchtap[代码][代码]=[代码][代码]"friendSignOpenFriendPacket"[代码][代码]>[代码][代码]    [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]friendSignOpenFriendPacket(e) {[代码][代码]console.log(e);[代码][代码]}[代码]

部分苹果手机在input框输入内容时，下拉输入法，输入法会消失。无论在哪个基础库版本都会出现这种情况。[图片]