javascript - onClick触摸版

Question

我现在有这个可以与鼠标一起使用的代码，但是当我尝试在手机上使用它时，它不起作用。

<div style="background:green;"id="green"class="tools"onClick="color(this)"></div>
<div style="background:blue;"id="blue"class="tools"onClick="color(this)"></div>
<div style="background:red;"id="red"class="tools"onClick="color(this)"></div>
<div style="background:yellow;"id="yellow"class="tools"onClick="color(this)"></div>
<div style="background:orange;"id="orange"class="tools"onClick="color(this)"></div>
<div style="background:black;"id="black"class="tools"onClick="color(this)"></div>
<div id="white"onClick="color(this)"><img src="Eraser.png"></div>
<div id="delete"onClick="erase()"><img src="delete.png"></div>

我认为手机不会对 onClick 使用react。有移动版本吗？

Answer 1

您可以考虑使用按钮并向其添加 css，而不是使用带有 onclick 的 div。然后对按钮使用 onfocus。 Onclick 在手机等设备上不可靠，但 focus 却可靠。这是代码:

<input type="button" style="background:green; width:100%;" id="green"class="tools" onfocus="color(this)">

如果不起作用请告诉我。