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

你可以使用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'); });

要么

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

Answer 3

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

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

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