HTML按鈕不能在平板電腦上工作

可能重複：
How to bind 'touchstart' and 'click' events but not respond to both?HTML按鈕不能在平板電腦上工作

我有一個奇怪的問題，其中一個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 
});

我也有其他的按鍵做不同的事情，他們都是一樣的。按下平板電腦上的按鈕只會突出顯示它。我怎樣才能調試呢？我試過用戶代理，但他們不幫助我進行調試，因爲問題在於點擊該實際設備上的按鈕。

來源

2012-12-19 Tom

沿着這是值得一讀：http://stackoverflow.com/questions/8939136/javascript-events-are-not-working-in-tablet-pc – 3dgoo

確保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 
});

來源

2012-12-19 04:11:00

這似乎不適用於我。同樣的行爲。 jQuery和JS已啓用 – Tom

jquery mobile的良好解決方案，但我不想這樣做。我使用了touchstart和touchend解決方案。 – Tom

@Tom，感謝您回覆並讓我們知道哪些工作可能會派上用場.. –

試試這個

更換<button type="button" class="addwebcam">Add Webcam</button>，與

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

希望這將工作

來源

2012-12-19 04:09:17

您需要綁定到輕擊事件。

來源

2012-12-19 04:10:12

HTML按鈕不能在平板電腦上工作

回答

相關問題