Kompatibilitätsprobleme zwischen IE und FireFox_Experience Exchange

window.event

IE: Es gibt ein window.event-Objekt
FF: Es gibt kein window.event-Objekt. Ereignisobjekte können als Argumente an Funktionen übergeben werden. Zum Beispiel onmousemove=doMouseMove(event)
Aktuelle Mauskoordinaten

IE: event.x und event.y.
FF: event.pageX und event.pageY.
Universell: Beide haben die Eigenschaften event.clientX und event.clientY.
Die aktuellen Koordinaten der Maus (plus die Distanz, die die Bildlaufleiste zurückgelegt hat)

IE: event.offsetX und event.offsetY.
FF: event.layerX und event.layerY.
Die x- und y-Koordinatenpositionen des Tags: style.posLeft und style.posTop

IE: Ja.
FF: Nein.
Gemeinsam: object.offsetLeft und object.offsetTop.
Höhe und Breite des Formulars

IE: document.body.offsetWidth und document.body.offsetHeight. Hinweis: Die Seite muss zu diesem Zeitpunkt über ein Body-Tag verfügen.
FF: window.innerWidth und window.innerHegiht und document.documentElement.clientWidth und document.documentElement.clientHeight.
Gemeinsam: document.body.clientWidth und document.body.clientHeight.
Ereignis hinzufügen

IE: element.attachEvent("onclick", func);.
FF: element.addEventListener("click", func, true).
Allgemein: element.onclick=func. Obwohl das OnClick-Ereignis verwendet werden kann, sind die Auswirkungen von OnClick und den beiden oben genannten Methoden unterschiedlich. OnClick führt nur einen Prozess aus, während AttachEvent und AddEventListener eine Prozessliste, also mehrere Prozesse, ausführen. Zum Beispiel: element.attachEvent("onclick", func1);element.attachEvent("onclick", func2), sodass sowohl func1 als auch func2 ausgeführt werden.
Benutzerdefinierte Attribute des Tags

IE: Wenn ein Attributwert für das Tag div1 definiert ist, kann der Wert durch div1.value und div1["value"] ermittelt werden.
FF: Kann nicht mit div1.value und div1["value"] abgerufen werden.
Allgemein: div1.getAttribute("value").
Übergeordneter Knoten, untergeordneter Knoten und Löschknoten

IE: parentElement, parement.children, element.romoveNode(true).
FF: parentNode, parentNode.childNodes, node.parentNode.removeChild(node).
Zeichnen

IE: VML.
FF: SVG.
CSS: Transparent

IE: filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60).
FF:Deckkraft:0,6.
CSS: Abgerundete Ecken

IE: Abgerundete Ecken werden nicht unterstützt.
FF: -moz-border-radius:4px, oder -moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz -border-radius-bottomright:4px;.
CSS: Doppellinien-Bump-Rand

IE: border:2px outset;.
FF：-moz-border-top-colors: #d4d0c8 weiß;-moz-border-left-colors: #d4d0c8 weiß;-moz-border-right-colors:#404040 #808080;-moz-border- Untere Farben: #404040 #808080;.​