javascript - Cordova/Touch onclick 事件问题

Question

我通常在 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>

我看到的唯一区别是:

1. 第一个按钮是第一个可点击元素(它们只是区域上的可点击元素)。
2. 其他按钮是另一个可点击元素之上的可点击元素(通常，如果单击这些按钮，它应该拒绝父级点击事件)。

请注意，它在桌面浏览器中完美运行，但仅在我们在应用程序中使用它时匹配问题(我仅使用 Cordova 进行了测试)

Answer 1

最后，我可以通过简单地将 HTML 事件 onclick 更改为 onmousedown 和 ontouchend 来解决此问题