IE11 में सूचक घटनाओं का उपयोग करते समय क्लिक रोकें?

Question

मैं एक जावास्क्रिप्ट एप्लिकेशन विकसित कर रहा हूं जिसे आईई 11 और एज दोनों पर चलाना है।

pointerover> माउसओवर> pointerenter> mouseenter> pointerdown> mousedown> (pointermove> MouseMove) +> pointerup> mouseup> : IE11 में यह समारोह श्रृंखला मैं दिखाई दे रही है (https://patrickhlauke.github.io/touch/tests/results/ से नकल) निम्नलिखित है (lostpointercapture)> pointerout> mouseout> pointerleave> mouseleave> फोकस> क्लिक

एप्लिकेशन पहले से ही माउस और स्पर्श की घटनाओं को संभालने के लिए ऊपर वायर्ड है, तो मैं सूचक घटनाओं के सभी पर preventDefault() फोन रद्द करने के लिए संबंधित माउस घटना। दुर्भाग्य से, क्लिक अंत में आता है और समस्याएं पैदा कर रहा है। अंत में फायरिंग से क्लिक इवेंट को अक्षम करने के लिए कोई भी तरीका बनाया गया है?

Answer 1

मैं वेबकिट ब्राउज़र पर "पॉइंटरअप" ईवेंट का उपयोग करने के लिए jQuery सूचक घटनाक्रम पॉलीफिल (https://github.com/jquery/PEP) का उपयोग कर रहा हूं और मैं इसी तरह की समस्या में भाग गया। मेरे मामले में, मुझे एक लिंक को पालन करने से रोकना पड़ा।

मैंने "पॉइंटरअप" ट्रिगर होने के ठीक बाद "क्लिक" ईवेंट श्रोता जोड़कर समस्या का समाधान किया, फिर "क्लिक" ईवेंट को रोक दिया और इसके श्रोता को हटा दिया।

var myLink = document.getElementsByClassName("myLink")[0]; 

myLink.addEventListener("pointerup", handleLinkPress); 

function handleLinkPress(evt) { 
    // do something here... 

    evt.target.addEventListener("click", unfollowLink); 

    function unfollowLink(evt) { 
     evt.preventDefault(); 
     evt.target.removeEventListener("click", unfollowLink); 
    } 
}