javascript中DOM的事件分析（附程式碼）

事件是什麼？事件有什麼用？這篇文章將給大家分享關於javascript中DOM的事件分析，並為大家介紹了關於事件的概念以及事件的用法。

事件

1、事件是什麼

讓JS知道程式使用者行為，例如使用者點擊HTML頁面中的某個按鈕和使用者輸入使用者名稱與密碼等操作

 <script>
        var button = document.getElementById(&#39;btn&#39;);
//        获取按钮元素
        button.onclick = function () {
//        事件绑定
            console.log(&#39;你已点了我&#39;);
        }
    </script>

2.註冊事件
JS函數與指定事件相關聯，被綁定函數成為事件的句柄
事件被激發時，會綁定函數會被呼叫

HTML元素的事件屬性

##表示實註冊事件功能

該方式並沒有與HTML結構與行為有效的分離

<button>按钮</button>
<script>
    function mylove() {
        console.log(&#39;你已点了我&#39;);
    }
</script>

#DOM物件的事件屬性

將Document物件定位在THML頁面元素

並傳回DOM物件體屬性，透過它實作各種註冊事件功能

<button>按钮</button>
<script>
    var btn = document.getElementById(&#39;btn&#39;);
    btn.onclick = mylove;
    function mylove() {
        console.log(&#39;你已点了我&#39;);
    }
</script>

事件監聽器

以addEvantLisener()方法，呼叫此方法表示元素增加事件監聽器

body>
<button>按钮</button>
<script>
    var btn = document.getElementById(&#39;btn&#39;);
    btn.attachEvent(&#39;onclick&#39;,function () {
        console.log(&#39;XXX&#39;);
    })
    function bind(element,eventName, functionName) {
        if (element.addEventListener) {
            element.addEventListener()
        }
    }
</script>

以上是javascript中DOM的事件分析（附程式碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！