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没有反应。是否有移动版本？

Answer 1

您可以考虑使用按钮并将css添加到其中，而不是使用带有onclick的div。然后使用onfocus到按钮。 Onclick在手机上并不可靠，但重点是。这是代码：

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

告诉我它是否无效。

Answer 2

是的，它是ontouchstart和ontouchend属性。

注意：如果您想知道事件的坐标，它将是event.touches数组中所有触摸的数组。