Beispiel für JavaScript-Ereignismodellanalyse_Javascript-Kenntnisse
May 16, 2016 pm 04:16 PMDie Beispiele in diesem Artikel beschreiben die Verwendung des JavaScript-Ereignismodells. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:
1. Veranstaltungsmodell
Bubbling-Ereignisse: Ereignisse werden von Blattknoten entlang der Vorgängerknoten zum Wurzelknoten weitergegeben
Erfassen von Ereignissen: vom obersten Element des DOM-Baums bis zum genauesten Element, im Gegensatz zu sprudelnden Ereignissen
DOM-Standard-Ereignismodell: Der DOM-Standard unterstützt sowohl Bubbling-Ereignisse als auch Capture-Ereignisse. Man kann sagen, dass es sich um eine Kombination aus beiden handelt: Zuerst den Capture-Typ und dann die Bubbling-Lieferung
2. Ereignisobjekt
Im IE-Browser ist das Ereignisobjekt ein Attribut des Fensters. Im DOM-Standard muss das Ereignis als einziger Parameter an die Ereignisverarbeitungsfunktionübergeben werden
Kompatibles Ereignisobjekt abrufen:
function(event){ //event 是作为DOM标准的参数传入处理函数 event = event ?event : window.event; }
enthalten ist
Rufen Sie das Element ab, auf das das kompatible Ereignisobjekt zeigt:
var target =event.srcElement ? event.srcElement : event.target ;
3. Ereignis-Listener
Unter IE werden registrierte Listener in umgekehrter Reihenfolge ausgeführt, d. h. die später registrierten werden zuerst ausgeführt
element.attachEvent('onclick',observer); //注册监听器 element.detachEvent('onclick',observer) //移除监听器
Unter DOM-Standard:
element.addEventListener('click',observer,useCapture) element.removeEventListener('click',observer,useCapture)
Kompatible Browser-Ereigniszustellung abbrechen
function someHandler(event){ event = event || window.event; if(event.stopPropagation) //DOM标准 event.stopPropagation(); else event.cancelBubble = true; //IE标准 }
function someHandler(event){ event = event || window.event; if(event.preventDefault) //DOM标准 event. preventDefault (); else event.returnValue = true; //IE标准 }

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Das weltweit leistungsstärkste Open-Source-MoE-Modell ist da, mit chinesischen Fähigkeiten, die mit GPT-4 vergleichbar sind, und der Preis beträgt nur fast ein Prozent von GPT-4-Turbo

KAN, das MLP ersetzt, wurde durch Open-Source-Projekte auf Faltung erweitert

KI untergräbt die mathematische Forschung! Der Gewinner der Fields-Medaille und der chinesisch-amerikanische Mathematiker führten 11 hochrangige Arbeiten an | Gefällt mir bei Terence Tao

Google ist begeistert: JAX-Leistung übertrifft Pytorch und TensorFlow! Es könnte die schnellste Wahl für das GPU-Inferenztraining werden

Hallo, elektrischer Atlas! Der Boston Dynamics-Roboter erwacht wieder zum Leben, seltsame 180-Grad-Bewegungen machen Musk Angst

FisheyeDetNet: der erste Zielerkennungsalgorithmus basierend auf einer Fischaugenkamera

Tesla-Roboter arbeiten in Fabriken, Musk: Der Freiheitsgrad der Hände wird dieses Jahr 22 erreichen!

Yolov10: Ausführliche Erklärung, Bereitstellung und Anwendung an einem Ort!
