Dieser Artikel beschreibt die Definition und Verwendung von JavaScript -Ereignisblasen. Teilen Sie es für Ihre Referenz wie folgt weiter:
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml" Lang = "zh" xml: Lang = "zh"> <head> <meta http-äquiv = "content-type" content = "text/html; chary utf-8"/> <mettype "content =" reaks; JavaScript DOM </title> <style type = "text/CSS" media = "screen"> div * {display: block; Rand: 4px; Polsterung: 4px; Grenze: 1px fest Weiß; } textArea {width: 20em; Höhe: 2em; } </style> <script type = "text/javaScript"> // <! [cdata [function init () {var log = document.getElementsByTagName ('textArea') [0]; var alle = document.getElementsByTagName ('div') [0] .GetElementsByTagName ('*'); für (var i = 0, n = all.length; i <n; ++ i) {alle [i] .onmouseover = function (e) {this.style.border = '1px Solid Red'; log.Value = 'Die Maus tritt jetzt ein:' + this.noderame; }; alle [i] .onmouseout = function (e) {this.style.border = '1px fest weiß'; }; } var all2 = document.getElementsByTagName ('div') [1] .GetElementsByTagName ('*'); für (var i = 0, n = All2.Length; i <n; ++ i) {All2 [i] .onmouseover = function (e) {this.style.border = '1px Solid Red'; if (e) // Stop -Ereignisblase E.Stoppropagation (); sonst window.event.cancelBubble = true; log.Value = 'Die Maus tritt jetzt ein:' + this.noderame; }; All2 [i] .onmouseout = function (e) {this.style.border = '1px fest weiß'; }; }} window.onload = init; //]]> </script> </head> <body> <h1> Blase in JavaScript DOM </h1> <p> Die Struktur des DOM -Baums lautet: </p> <pre> <Code> ul - li - a - span </code> </pre> <div> <li> <a href="//www.VeVB.COM/#"><span>Bubbllllllllllllllllllle</span></a> </li> <li> <a href="//www.VeVB.COM/#"><span>Bubbllllllllllllllllle</span></a> </li> </ul> </div> <textarea> </textarea> <p> Wenn die Maus in ein untergeordnetes Element der UL eingeht, definieren wir das Ereignis der Maus -Hover (<Code> Mausover </code>) von UL bis Span. Dieses Ereignis wird zu UL steigen, so dass es rote Kanten aus dem von der Maus in das UL -Element eingegebenen Element geben wird. </p> <div> <ul> <li> <a href="//www.VeVB.COM/#"><span>Bubbllllllllllllllllle</span></a> </li> <li> <a href="//www.VeVB.COM/#"><span>Bubbllllllllllllllllle</span></a> </li> </ul> </div> <p> Wenn die Blase aufhört, steigt das Ereignis nicht an und wir können das genaue Mauseintragselement erhalten. </p> </body> </html>Weitere Informationen zu javaScriptbezogenen Inhalten finden Sie in den Themen dieser Website: "Zusammenfassung der JavaScript -Switching -Effekte und -Techniken", "Zusammenfassung der Fähigkeiten der JavaScript -Suchalgorithmus", "Zusammenfassung der JavaScript -Animationseffekte und -Techniken", "Zusammenfassung von JavaScript -Fehler und Debugging -Techniken", Summary of Javacript -Daten und Algorith -Fähigkeiten "," Summary of Javacript Data Structures "," Summary of Javacript Data Structures "" "" "" "" "" "" "" "" "" " JavaScript -Traversalalgorithmen und -techniken "und" Zusammenfassung der Nutzung von JavaScript -Mathematischen Operationen "
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.