jquery - onclick 事件在 ipad 和平板电脑上不起作用

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

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

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

当触摸点放置在触摸表面上时会触发 touchstart 事件。

Answer 2

您必须为关联的 HTML 控件绑定 'click' 或 'tap' 事件。你可以这样绑定

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

或者

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

Answer 3

您可以使用tap, swipe, taphold etc平板电脑的事件，触摸您可以这样做

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

这是jquery移动事件事件列表

也尝试使用jquerymobile