html按钮在平板电脑上不起作用[重复]答案

【问题标题】：html button not working on tablets [duplicate]html按钮在平板电脑上不起作用[重复]
【发布时间】：2012-12-19 04:05:41
【问题描述】：

可能重复：
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
});

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

【问题讨论】：

值得一读：stackoverflow.com/questions/8939136/…

标签： jquery html

【解决方案1】：

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

正如@3dgoo在cmets中提到的那样

将tap 事件与click 一起添加

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

【讨论】：

这似乎对我不起作用。相同的行为。启用 jQuery 和 JS
jquery mobile 的好解决方案，但我不想这样做。我使用了touchstart 和touchend 解决方案。
@Tom，感谢您回来告诉我们什么是有效的.. 可能会派上用场..
我应该添加链接。它来自 Rafael Fragoso（不是公认的答案），可以找到 here

【解决方案2】：

试试这个

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

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

希望这会奏效

【讨论】：

【解决方案3】：

你需要绑定到点击事件。

【讨论】：