Wie deaktiviere ich ondblclick in IE8?

Question

Also habe ich versucht, bereits die gewählte Antwort auf diese:

How to disable ondblclick in JavaScript?

, aber es funktioniert nicht, auf mein Ende. Wie üblich, vermute ich, dass es etwas mit IE8 zu tun hat (da viele meiner früheren Probleme mit IE8-Problemen zusammenhingen). Diese

ist, wie meine Schaltfläche aussieht, keyBtnEvent ist eine Funktion, die die Klasse des div ändert:

function keyBtnEvent(key, id, event) { 
 
    //change class of object with id = 'id' 
 
    console.log(event + 'event of keyBtnEvent called'); 
 
}

<div id="2Key" class="key" 
 
    onmouseup="keyBtnEvent('2','2Key','up')" 
 
    onmousedown="keyBtnEvent('2','2Key','down')"> 
 
    <button>2</button> 
 
</div>

Also, wie deaktiviere ich ondblclick in IE8, ohne Verwendung von jQuery ?

Answer 1

Dies ist der richtige IE 8 Weg, es zu tun:

var key = document.getElementById('2Key') 

// Feature detection for DOM Event Standard and IE 8 and less 
if(window.addEventListener){ 
    // W3C DOM Event Standard 
    key.addEventListener("dblclick", function(evt) { 
    evt.preventDefault(); // stop the event 
    evt.stopPropagation(); // don't bubble the event 
    }); 
} else if(window.attachEvent){ 
    // IE 8 or less 
    key.attachEvent("ondblclick", function(evt) { 
    evt = evt || window.event; 
    evt.returnValue = false; // stop the event 
    evt.cancelBubble = true; // don't bubble the event 
    }); 
} 

Außerdem sollten Sie keine Inline-HTML-Ereignis werden mit Attributen (onmouseover, onmouseout, etc.). Here's why. Stattdessen sollten Sie alle Ihre JavaScript-Arbeit in einem dedizierten Skript und verwenden Sie .addEventListener() (oder die obige attachEvent() Methode für IE 8 oder weniger).