Javascript onclick在移動設備上不起作用

Question

首先，最重要的是，我對Java語言了解不多，因此，如果這是一個新手問題，請原諒。

我試圖讓此按鈕觸發：

<button onclick="myFunction();">Toggle</button>

我的代碼：

 function myFunction() { var x = document.getElementById("toggle"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } 

 <button onclick="myFunction();">Toggle</button> <p id="toggle">x<p> 

在台式機和台式機響應良好的環境下可以正常工作，但是我無法在任何實際的移動設備上使用它。

我認為通過我的谷歌搜索，答案可能是“添加觸摸事件”，但我不確定。 感謝您的任何幫助！

Answer 1

您必須在Jquery中使用"vclick" （例如）

例：

$( document ).on( "vclick", "p", function() {
  $( this ).append( "<span style='color:#108040;'> vclick fired... </span>" );
  });

參見文檔： https : //api.jquerymobile.com/vclick/

使用純JS，您可以嘗試使用onmousedown 。 它運作完美。 我剛剛在移動設備上進行了測試。 看一看：

 function myFunction() { var x = document.getElementById("toggle"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } 

 <div id="toggle">sdfsdfsd</div> <button onmousedown="myFunction();">Toggle</button> 

Answer 2

你可以嘗試這種方法嗎？

 const btn = document.getElementById('btn'); btn.addEventListener('click', () => { alert('Click'); }); btn.addEventListener('tap', () => { alert('Mobile click / Tap'); }); 

 <button id="btn">Button</button> 

希望這會有所幫助，祝您有美好的一天！