JS의 DOM0 수준 이벤트와 DOM2 수준 이벤트의 차이점에 대한 소개

DOM0 레벨 이벤트

 <a href = "#"id = "id ="hash "onclick ="fn (); fn (); "> <버튼 유형 ="button "> 위의 반환 </button> </a> var btn = $ ( '#hash'). get (); btn.onclick = function () {alert ( '');}; btn.onclick = function () {alert ( '');};

예를 들어, OnClick이 위의 태그에 작성된 경우 모든 DOM0 레벨 이벤트이며 FN 및 FN1은 순서대로 실행됩니다. 요소를 얻고 OnClick 이벤트를 바인딩하는 두 번째 유형도 DOM0 수준입니다. 두 번째는 첫 번째 Onclick을 덮어 쓰고, 온라인에서 OnClick을 덮어 쓰고, 222 만 팝업됩니다.

DOM2 레벨 이벤트

 $ ( '#hash'). click (function () {alert ( 'jq's dom2 first click ')}); $ ('#hash '). click (function () {alert ('jq 's dom2 click')}); btn.addeventListener ( 'click', function () {Alert First Click ')}, false); btn.adeventListener ('click ', function () {alert ('avatiel dom2 secon

위의 바인딩은 모두 DOM2 이벤트 결합입니다. 첫 번째 두 가지는 JQ 결합 방법이고, 후자는 기본 JS 결합 방법이며, 이는 덮어 쓰지 않습니다. JQ 바인딩 방법 및 기본 결합 방법이 차례로 실행됩니다. 이것은 DOM0 레벨의 다른 곳으로가는 것입니다.

DOM0 및 DOM2는 공존합니다

 <a href = "#"id = "id ="hash "onclick ="fn (); fn1 (); "> <버튼 유형 ="버튼 "> 위의 위로 돌아 가기 </button> </a> <script type ="text/javaScript "> 함수 fn () {alert ( 'ade'); {alert (aDe111 '); btn = $ ( '#hash'). get (0); btn.onclick = function () {alert ( '111');}; $ ( '#hash'). click (function () {Alert ( 'JQ's dom2 레벨 '); btn.addeventListener ('), 기능 () {alert ( 'alt2 level') 클릭 ')}, false); </script>

위의 예에는 2 개의 DOM0 레벨과 2 개의 DOM3 레벨 바인딩 이벤트가 있습니다. JS로 작성된 DOM0 레벨은 라인에서 FN 및 FN1 방법을 다루지 만 JS의 DOM0은 DOM2 공존을 마실 수 있으며 결과적으로 111 JQ의 DOM2 레벨 클릭이 나타납니다. 기본 DOM2 레벨 클릭이 처음 클릭하면;

위의 내용은 편집자가 제공 한 JS의 DOM0 수준 이벤트와 DOM2 수준 이벤트의 차이점에 대한 소개입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 동시에 Wulin.com 웹 사이트에 대한 귀하의 지원에 대단히 감사합니다!