javascript - How do I simulate a hover with a touch in touch enabled browsers? -

इस तरह से कुछ HTML के साथ:

  & lt; p & gt; कुछ पाठ & lt; / p & gt;  

फिर कुछ सीएसएस इस तरह से:

  p {color: black; } P: होवर {रंग: लाल; }  

मैं टच सक्षम डिवाइस पर होवर को दोहराने के लिए एक लंबे स्पर्श को कैसे अनुमति दे सकता हूँ? मैं मार्कअप / जेएस आदि का उपयोग कर सकता हूं, लेकिन ऐसा करने का एक आसान तरीका नहीं सोच सकता।

ठीक है, मैंने इसे काम किया है! इसमें सीएसएस थोड़ा बदलना और कुछ जेएस जोड़ना शामिल है।

इसे आसान बनाने के लिए jQuery का उपयोग करना:

  $ (दस्तावेज़) .ready (function () {$ (' होवर ')। बाँध (' टचस्ट्राफ्ट टॉचेंण्ड ', फ़ंक्शन (ई) {ई.प्रवेश डिफॉल्ट (); $ (यह)। टॉगल क्लास (' होवर_फेफ ');});});  

अंग्रेजी में: जब आप शुरू या समाप्त करते हैं, तो क्लास hover_effect चालू या बंद करें।

फिर, अपने HTML में, एक वर्ग को किसी भी चीज़ में जोड़ें, जिसे आप चाहते हैं कि आप इसके साथ काम करें। आपके सीएसएस में, किसी भी उदाहरण की जगह:

  element: hover {rule: properties; }  

के साथ

  तत्व: होवर, element.hover_effect {rule: properties; }  

और सिर्फ अतिरिक्त उपयोगिता के लिए, इसे अपने सीएसएस में भी जोड़ें:

  .hover {-webkit-user-select: none; -वेबकिट-टच-कॉलआउट: कोई नहीं; }  

ब्राउज़र को आप कॉपी / सहेजने / छवि का चयन करने के लिए कहने या रोकने के लिए।

आसान!