Question

onClick事件无法在平板电脑上运行，ipad？它完全适用于Pc浏览器，但不适用于触摸事件，我尝试.binding（）,. on（）和很多东西，但它们没有给出100％的结果。

如何让它在ipad，平板电脑上运行？

<div id="id1" alt='div1' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img1.jpg'); border:solid; border-color: black;">You've styled the div to have a set width of 100px. At a reasonable font size, that's too much text to fit in 100px. Without doing anything, </div>
<div id="id2" alt='div2' class="sliderImage" width="300" height="360" onclick="" style="visibility:hidden;background-image:url('img/img2.jpg'); border:solid; border-color: black;">this is 2</div>

Answer 1

您可以对平板电脑使用tap, swipe, taphold etc个事件，触摸就可以执行此操作

$('htmlelement').bind('click', ClickFunction ).bind('tap', ClickFunction );

以下是jquery移动事件列表events

还尝试使用jquerymobile

Answer 2

您必须绑定“click”或“tap”事件才能进行关联的HTML控件。你可以像这样绑定

$('elementid').bind('click',function() {   alert('Click event triggered'); });

OR

$('elementid').bind('tap',function() {  alert('Tap event triggered'); });

Answer 3

你需要使用touchstart我给你一个小例子，

$('elementid').on('click touchstart', function() {
      console.log('1');
});

触摸屏上放置触摸点时会触发touchstart事件。

onclick事件无法在ipad和平板电脑上运行

3 个答案: