iT邦幫忙

2021 iThome 鐵人賽

DAY 17
0
自我挑戰組

初心者解任務啦!JS 的 30 道任務系列 第 17

[ Day 17 ] - Event 物件中的資訊

使用 addEventListener 進行事件監聽,
此時 EvetnListener 會建立事件物件( Event Object)
並且以參數的型式回傳

<button class="btn">按爆!</button>
const btn = document.querySelector('.btn');
btn.addEventListener('click', function(e){
    console.log(e);
});

Event 內的資訊

這些資訊是當觸發這一個事件時,所取得的事件物件的資料
像是觸發時的游標所在位置、觸發的事件(type)、觸發的元素(target)等
都可以在 Event 物件中取得!

參考資料及學習資源

本日小節

後面進度越來越慢了~~
這是我的學習紀錄,有任何問題歡迎傳訊息給我
我們下次見!


上一篇
[ Day 16 ] - 事件
下一篇
[ Day 18 ] - 取消 HTML 預設的觸發行為
系列文
初心者解任務啦!JS 的 30 道任務30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言