ट्रिगर: एक टचस्क्रीन

Question

मैं वर्तमान में एक जावास्क्रिप्ट आवेदन जो एक टचस्क्रीन कियोस्क मोड में Chrome चला काउंटर पर तैनात किया जाएगा विकासशील कर रहा हूँ पर "सक्रिय" छद्म वर्ग।

मैंने देखा है जब मैं एक माउस का उपयोग इंटरफेस पर बटन क्लिक करने के लिए है कि, शैली द्वारा लागू ": सक्रिय" छद्म वर्ग दिख रहा है जब माउस नीचे है। मेरी समस्या यह है कि स्क्रीन को छूकर ट्रिगर किया गया एक ही बटन सक्रिय स्थिति को ट्रिगर नहीं करता है।

क्या टच इवेंट एक माउस क्लिक के समान व्यवहार करने का कोई तरीका है?

Answer 1

सीएसएस मानते हुए: सक्रिय छद्म-वर्ग काम नहीं कर रहा है, आपको शायद डीओएम घटनाओं का उपयोग करने की आवश्यकता होगी।

क्या "मूसडाउन" और "माउसअप" घटनाएं टचस्क्रीन के साथ काम करती हैं? वे करते हैं मान लिया जाये, तो आप कुछ इस तरह की कोशिश कर सकते:

addEventListener("mousedown", function (event) { 
    if (event.target.setAttribute) { 
     event.target.setAttribute("data-active", ""); 
    } 
}, true); 

addEventListener("mouseup", function (event) { 
    if (event.target.removeAttribute) { 
     event.target.removeAttribute("data-active"); 
    } 
}, true); 

फिर अपने सीएसएस भीतर

, बदल देते हैं: के साथ [डेटा सक्रिय], इसलिए जैसे सक्रिय:

div[data-active] { 
    /* blah blah */ 
} 

मैं यह नहीं लगता कि होगा काफी काम करते हैं ... उदाहरण के लिए, बच्चे के तत्वों को सही तरीके से काम करने के लिए आपको कुछ चालबाजी करने की आवश्यकता हो सकती है।