HTML按钮无法在平板电脑上工作

Question

  

可能重复：
  How to bind 'touchstart' and 'click' events but not respond to both?

我有一个奇怪的问题，html按钮不能仅在平板电脑上运行。适用于所有浏览器甚至移动设备，但不适用于实际平板电脑。

我以前使用按钮没有问题，看不出有什么区别。我的代码：

<button type="button" class="addwebcam">Add Webcam</button>

jQuery('.addwebcam').click(function(e) {
    jQuery('#cameraformwebcam').show(); //opens up a new form
    jQuery('.addwebcam').hide(); //now hide the button
});

我还有其他按钮做不同的事情，它们都是一样的。按下平板电脑上的按钮只会突出显示它。我该怎么调试呢？我已经尝试了用户代理，但他们没有帮我调试，因为问题是点击该实际设备上的按钮。

Answer 1

确保正确加载jQuery并启用JS。

---

同样如@3dgoo

的评论中所述

添加tap事件以及click

jQuery('.addwebcam').bind('click tap', function(e) {
    jQuery('#cameraformwebcam').show(); //opens up a new form
    jQuery('.addwebcam').hide(); //now hide the button
});

Answer 2

试试这个

将<button type="button" class="addwebcam">Add Webcam</button>替换为

<input type="submit" class="addwebcam" value="Add Webcam"/>

希望这会有效

Answer 3

您需要绑定到点击事件。