在触摸屏（智能手机）上执行onClick属性和单击功能吗？

Posted 2021-04-14

我使用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来检测tap：http://www.w3schools.com/jquerymobile/jquerymobile_events_touch.asp

另一答案

“我还需要其他任何东西来确保它们与插件的计算机版本完全相同吗？”

FC：原则上，你没有。 Onclick在触摸屏上工作正常;我已经好几次使用它，从来没有遇到任何问题。它必须是别的东西。可能是对于iPhone来说太沉重的jQuery了吗？你有没有在iPad上试过它，同时给它一些时间来处理jQuery文件？