一个手机浏览器 ontouchend 小代码的弱智问题求解答

2017-07-18 14:56:31 +08:00
 clivec
<div class="weui-form-preview" onclick="if(this.style.backgroundColor=='linen'){this.style.backgroundColor='white'}else{this.style.backgroundColor='linen'}">
当为 onclick 时在 PC 端 chrome 浏览器上点击相应的 div 能实现变色效果(两种颜色互换),在微信内浏览、在 ios safari 浏览器上及在小米浏览器上浏览均只能变成 linen 色,再次点击不能变成 white 色,就是类似于 onlick 只能执行一次,或 if 程序陷入循环。

当改为 ontouchend 时在 PC 端上当然没有效果不能执行,在手机端如上所述同样只能变色一次,但后来再加上手机版 firefox 进行测试,能正常变色。

请问各位大佬应该如何修改才能在各种情况都有同样的表现?
2987 次点击
所在节点    HTML
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/376172

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX