2011-01-28 10 views
6

का उपयोग कर फोनगैप के साथ उपयोगकर्ता स्पर्श का पता लगाने के लिए मैं एंड्रॉइड ऐप्स बनाने के लिए फोनगैप का उपयोग कर रहा हूं।जेएस

मैं किसी उपयोगकर्ता से स्पर्श ईवेंट का पता लगाना चाहता हूं ताकि मैं एक अलर्ट पॉप-अप कर सकूं। हालांकि, मैं जावास्क्रिप्ट से ऑनटच ईवेंट कैसे कॉल करूं?

धन्यवाद!

उत्तर

15

नीचे एक उदाहरण है जो touchstart और touchend दिखाता है। यह स्पर्श घटनाओं को संलग्न करने के दो अलग-अलग तरीकों का प्रदर्शन करता है: तत्व विशेषताएँ या जावास्क्रिप्ट addEventListener

चूंकि यह स्पर्श घटनाओं को सुन रहा है, इसलिए घटनाएं डेस्कटॉप ब्राउज़र पर नहीं आतीं (जो माउस ईवेंट का समर्थन करती है)। पृष्ठ का परीक्षण करने के लिए, आप इसे एक एंड्रॉइड या आईओएस सिम्युलेटर खोल सकते हैं।

<!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> 
+0

ठीक है, मैं .. – Dayzza

+0

@mwbrroks मैं बाहर की कोशिश की है की कोशिश करेंगे धन्यवाद और यह एक लिंक/बटन के साथ अच्छी तरह से काम करता है। हालांकि मैं सोच रहा था कि क्या यह किसी भी लिंक या बटन के बिना रिक्त स्क्रीन पर काम कर सकता है .. जिसका मतलब है कि लंबे समय तक उपयोगकर्ता स्क्रीन पर कहीं भी स्पर्श करता है, यह एक पॉपअप प्रदर्शित करेगा। क्या यह संभव है? :) धन्यवाद – Dayzza

+0

एक खिड़की करो .addEventListener (आदि) – Harry