让onClick属性和点击功能在触摸屏(智能手机)上工作

Do onClick attribute and click function work on touch screens (smartphones)?

本文关键字：触摸屏 智能手机 工作 功能 属性 onClick      更新时间：2023-09-26

我使用jQuery, HTML5和SoundCloud制作了一个音乐播放器插件。在电脑上，它可以完美地工作，但在iphone等智能手机上，它就不能正常工作了。例如，有些按钮可以正常工作，但播放按钮需要点击3次才能工作。在我的播放器中，我使用了以下两个例子中的一个:

function play(){
   //play song
}
<div onClick="play()"></div>

或

$(".playButton").click(function(){
   //playsong
});
<div class="playButton"></div>

由于一些按钮和功能需要多次点击才能工作，我想也许我必须使用.on('tap', function(){});代替。或者其他在触摸屏上运行的功能。

所以我的问题是，对于一个功能在智能手机上工作，上面的例子是好的吗?我还需要什么，以确保他们的工作完全相同的计算机版本的插件?

考虑使用onmousedown而不是onclick。或者使用JQuery检测点击:http://www.w3schools.com/jquerymobile/jquerymobile_events_touch.asp

"我还需要什么来确保他们的工作完全相同的电脑版本的插件?"

FC:原则上，您不需要。Onclick在触摸屏上工作良好;我已经用过好几次了，从来没有出过问题。一定是别的什么东西。是不是jQuery对iPhone来说太重了?您是否在iPad上尝试过，同时给它一些时间来处理jQuery文件?

相关文章：