我通常在 HTML 页面的按钮上使用很多 onclick 事件,遵循以下模式:
<button onclick="myFunction(this)"></button>
有些有效,有些无效,我无法解释原因。
这些工作:
<div>
<button class="static" onclick="myFunction('add');" style="">zzzzzzzzzzz</button>
<button class="static" onclick="myFunction('res');" style="">zzzzzzzzzzz</button>
<button class="static" onclick="myFunction('set');" style="">zzzzzzzzzzz</button>
</div>
这些不:
<center>
<button onclick="newEdit(this)" class="pop_opt" style="height: 35px;">Edit</button>
<hr/>
<button onclick="newConfirm(this);" class="pop_opt" style="height: 35px;">Delete</button>
<hr/>
<button onclick="defaultPopup(this, '')" class="pop_opt" style="height: 35px;">Cancel</button>
</center>
我看到的唯一区别是:
- 第一个按钮是第一个可点击元素(它们只是区域上的可点击元素)。
- 其他按钮是另一个可点击元素之上的可点击元素(通常,如果单击这些按钮,它应该拒绝父级点击事件)。
请注意,它在桌面浏览器中完美运行,但仅在我们在应用程序中使用它时匹配问题(我仅使用 Cordova 进行了测试)
最佳答案
最后,我可以通过简单地将 HTML 事件 onclick
更改为 onmousedown
和 ontouchend
来解决此问题
关于javascript - Cordova/Touch onclick 事件问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39203590/