javascript 中向瀏覽器 DOM 添加事件偵聽器的不同方式

Question

在 javascript 中，將事件偵聽器添加到瀏覽器 DOM 有哪些不同的方法？ 我嘗試了以下代碼，我想知道是否有更多方法可以做到這一點。

let div = document.getElementById("div");
let btn = document.getElementById("btn");

function sayHello() {
    div.innerText = "Hello World";
    console.log("awesome");
}

btn.addEventListener("click", sayHello);

Answer 1

在 JavaScript 中，有兩種事件處理方式。

• 其中之一是您自己使用的addEventListener 。
• 另一個選項是onEvent ，這里是一個例子：

Javascript

let hiButton = document.getElementById('someButton');

function sayHello() {
    console.log("Hi");
}

hiButton.onclick = sayHello();