如何用手機檢測用戶觸摸使用JS

我正在使用phonegap構建android應用程序。如何用手機檢測用戶觸摸使用JS

我想檢測用戶的觸摸事件，以便我可以彈出警報。但是，如何從JavaScript調用ontouch事件？

謝謝！

2011-01-28 Dayzza

下面是一個顯示touchstart和touchend的示例。它演示了附加觸摸事件的兩種不同方式：元素屬性或JavaScript的addEventListener。

由於它正在偵聽觸摸事件，因此事件不會在桌面瀏覽器（支持鼠標事件）上觸發。要測試該頁面，您可以將其打開爲Android或iOS模擬器。

<!DOCTYPE html> 
<html> 
    <head> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0;" /> 
    <style type="text/css"> 
     a { 
     color:black; 
     display:block; 
     margin:10px 0px; 
     } 
    </style> 

    <script type="text/javascript"> 
     function onload() { 
     document.getElementById('touchstart').addEventListener('touchstart', hello, false); 
     document.getElementById('touchend').addEventListener('touchend', bye, false); 
     } 

     function hello() { 
     alert('hello'); 
     } 

     function bye() { 
     alert('bye'); 
     } 
    </script> 

    <title>Touch Example</title> 
    </head> 
    <body onload="onload();"> 
    <h1>Touch</h1> 
    <a href="#" ontouchstart="hello();return false;">Attribute: ontouchstart</a> 
    <a href="#" ontouchend="bye();return false;">Attribute: ontouchend</a> 
    <a href="#" id="touchstart">addEventListener: touchstart</a> 
    <a href="#" id="touchend">addEventListener: touchend</a> 
    </body> 
</html>

來源

2011-01-28 18:53:37 mwbrooks

好吧，我會盡量..謝謝 – Dayzza 2011-01-29 02:25:11

如何用手機檢測用戶觸摸使用JS

回答

相關問題