javascript - onClick触摸版

标签 javascript onclick

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

<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。有移动版本吗?

最佳答案

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

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

如果不起作用请告诉我。

关于javascript - onClick触摸版,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27449242/

相关文章:

javascript - GameQuery 碰撞检测

jquery - 使用单选按钮禁用/启用文本字段 (jQuery)

javascript - 如何按类别点击获得最接近的跨度值

javascript - 在 react-redux 应用程序中处理大量 http 请求

javascript - 将 JSON 对象附加到加密文本文件 PHP

javascript - 在没有 JavaScript 背景的情况下学习 TypeScript

javascript - .on ('click hover' ) 或 .on ('click' ) 和 .on ('hover' ) 有什么区别?

javascript - image onclick时无法显示图片

android - 处理 RecyclerView 上的项目 OnClick 方法

javascript - 使用 Google Geochart 绘制特定州的城市