js事件

// dom2写法 事件

// let divEle = document.querySelector("div");

// divEle.addEventListener("click", function () {

//     window.alert("xxx");

// });

// 书写格式: 元素节点.addEventListener(事件类型, 事假处理函数, Boolean)

// 参3:捕获型(true) ,冒泡型(false)

// let artEle = document.querySelector("article");

// let secEle = document.querySelector("section");

// let pEle = document.querySelector("p");

// artEle.addEventListener("click", function () {

//     console.log("article");

// }, false);

// secEle.addEventListener("click", function () {

//     console.log("section");

// }, false);

// pEle.addEventListener("click", function () {

//     console.log("p");

// }, false);

// artEle.addEventListener("click", function () {

//     console.log("article");

// }, true);

// secEle.addEventListener("click", function () {

//     console.log("section");

// }, true);

// pEle.addEventListener("click", function () {

//     console.log("p");

// }, true);

// 事件对象:事件处理函数的参数

// function(e) e就是事件对象

// e.target 触发事件的节点

// 事件源: 绑定事件的节点

let liEle = document.querySelectorAll("li");

// liEle.addEventListener("click", function (e) {

//     console.log(e.button);

// }, false);

for (let item of liEle) {

    item.addEventListener("click", function (e) {

        // 提升兼容性

        let event = e || window.event;

        

        console.log(event.target);

    });

}