[JS] JavaScript HTML DOM 事件

HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应。

1. DOM 0级事件
2. DOM 2级事件

DOM对象

Event对象

Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
事件通常与函数结合使用，函数不会在事件发生前被执行！
常作为回调函数的第一个形参传入

DOM 0级事件

    // DOM 0级事件
    <div id="spark" onclick="this.innerHTML='Halo World'">
        Halo U
    </div>
    
    <script>
        let spark = document.getElementById('spark');
        spark.onclick = function (e){
            console.log(e)
        }
    <script/>