2016-05-17 205 views
6

我在我的网站上使用了onclick活动。但是,当我在google chromes的开发人员模式的移动视图中打开它时,触摸用鼠标点击的元素时没有任何反应。所以我的问题是:onClick事件是否会触摸触摸屏设备?

我是否还必须添加ontouch事件以及onclick事件或onClick事件触摸所有触摸屏设备?

P.S:你可以看到所有的在这里我的代码:https://github.com/SycoScientistRecords/sycoscientistrecords.github.io/

,或者在直播网站:http://sycoscientistrecords.github.io

而且没有我没有测试过的网站上真正的手机。

+0

我从来没有在触摸设备上使用'onClick'出现问题。你是否真的用触摸屏的手机/设备,或者只有Chrome的开发者模式的移动视图来试用? – ROAL

+0

也许你有另一个元素重叠并阻止点击事件,当屏幕很小?你有没有可以展示的例子? – James

+0

你的代码在哪里? –

回答

7

onclick在触摸屏上正常工作;我已经使用了好几次,从来没有遇到任何问题。

您可以考虑使用onmousedown而不是onclick。或者使用jQuery来检测水龙头。

+0

为什么我应该使用'onmousedown'而不是'onclick'? – user31782

+0

onmousedown相当于touchdevices上的ontouchstart,相当于onmouseup的ontouchend。 如果您还想检测拖动,则可以使用触摸屏幕后每次移动手指时触发的ontouchmove。 –