1. 程式人生 > >事件處理程式 (DOM0級)

事件處理程式 (DOM0級)

DOM0事件處理程式

每個元素都有自己的事件處理程式屬性,那麼直接獲取物件,然後在物件上設定事件處理程式屬性。

 1:獲取節點物件引用

2:在事件成員上設定處理函式,這時函式內部this指向節點物件。

    <ul id="u-1">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
    <script>
       'use strict';
       let element = document.getElementById('u-1');
       element.onclick = function(){  // 定義了一個單擊事件
           console.log(this.id); // this 指向是當前節點
       }
    </script>