حدث مستوى DOM0
<a href = "#" id = "hash" onClick = "fn () ؛ fn () ؛"> <button type = "button" btn = $ ('#hash'). get () ؛ btn.onclick = function () {Alert ('') ؛} ؛ btn.onclick = function () {Alert ('') ؛} ؛على سبيل المثال ، إذا تم كتابة Onclick في العلامة أعلاه ، فسيتم تنفيذ كل الأحداث على مستوى DOM0 ، ويتم تنفيذ FN و FN1 بالتسلسل ؛ النوع الثاني للحصول على عناصر ، وربط حدث OnClick هو أيضًا مستوى DOM0. والثاني سوف يكتب أول نظام Onclick ، وسيقوم أيضًا بكتابة Onclick في الخط ، وسيظهر 222 فقط.
حدث مستوى DOM2
$ ('#hash'). انقر فوق (function () {Alert ('JQ's DOM2 First Click')}) ؛ $ ('#hash'). انقر فوق (function () {Alert ('JQ's Dom2 Click')}) ؛ Btn.AddeventListener ( انقر فوق ")} ، false) ؛ btn.addeventListener ('click' ، function () {Alert ('native dom2 click')} ، false) ؛ btn.addeventListener ('click' ، function () {ALERT ('dom2 click click')} ، خطأ)الروابط أعلاه كلها ملزمة للحدث DOM2. الأولان هما طريق الربط JQ ، والأخير هو طرق ربط JS الأصلية ، والتي لن يتم الكتابة فوقها. سيتم تنفيذ طريقة الربط JQ وطريقة الربط الأصلي بدورها. هذا هو الذهاب إلى مكان آخر على مستوى DOM0 ؛
DOM0 و DOM2 يتعايشان
<a href = "#" id = "hash" onClick = "fn () ؛ fn1 () ؛"> <button type = "button"> ارجع إلى ما سبق لتنشيط </button> </a> <script type = "text/javascript"> function fn () btn = $ ('#hash'). get (0) ؛ btn.onclick = function () {Alert ('111') ؛} ؛ $ ('#hash'). انقر فوق (function () {alert ('jq's dom2 click for the time')}) ؛ انقر فوق)} ، خطأ) ؛ </script>يحتوي المثال أعلاه على مستوى DOM0 واثنين من أحداث ربط مستوى DOM3. سيغطي مستوى DOM0 المكتوب في JS أساليب FN و FN1 في السطر ، ولكن يمكن لـ DOM0 في JS أن تشرب DOM2 ، والنتيجة هي أن مستوى DOM2 الخاص بـ 111 JQ. في المرة الأولى التي يتم فيها النقر فوق مستوى DOM2 الأصلي ؛
المحتوى أعلاه هو مقدمة للفرق بين الأحداث على مستوى DOM0 والأحداث على مستوى DOM2 في JS التي قدمها لك المحرر. آمل أن يكون ذلك مفيدًا لك. في الوقت نفسه ، أود أن أشكرك كثيرًا على دعمكم لموقع Wulin.com!