在触摸屏(智能手机)上执行onClick属性和单击功能吗?

时间:2014-07-13 18:50:31

标签: javascript jquery responsive-design touch

我使用jQuery,HTML5和SoundCloud制作了一个音乐播放器插件。在计算机上它可以很好地工作,但在iPhone等智能手机上,它的工作方式不一定如此。例如,某些按钮工作正常,但需要点按播放按钮3次才能工作。对于我的播放器中的按钮,我使用了以下示例:

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

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

由于某些按钮和功能需要不止一个工作,我想也许我必须使用.on('tap', function(){});。或任何其他适用于触摸屏的功能。

所以我的问题是,对于在智能手机上工作的功能,以上示例是否正常?我还需要其他任何东西来确保它们与插件的计算机版本完全相同吗?

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

&#34;我是否还需要其他任何东西以确保它们与插件的计算机版本完全相同?&#34;

FC:原则上,你没有。 Onclick在触摸屏上运行良好;我已多次使用它并且从未遇到任何问题。它必须是别的东西。可能是对于iPhone来说太沉重的jQuery了吗?你有没有在iPad上试过它,同时给它一些时间来处理jQuery文件?