JS基础笔记——事件对象(属性/方法)

目录

属性

e.target

e.currentTarget

e.type

e.timeStamp

方法

e.preventDefault()

e.stopPropagation()

---

---

属性

e.target

返回 触发事件 的对象

e.currentTarget

返回 事件绑定 的对象  ie678不支持，开发用this

    <ul>
        <li>abc</li>
        <li>abc</li>
        <li>abc</li>
    </ul>

    <script>
        var ul = document.querySelector('ul');
        ul.addEventListener('click', function(e) {
                console.log(this); //指向事件绑定的元素
                console.log(e.currentTarget); //指向事件绑定的元素
                console.log(e.target); //指向事件触发的元素

        })
    </script>

target与this和currentTarget的区别 :

1. e.target 返回的是触发事件的对象（元素）  this 返回的是绑定事件的对象（元素）

e.type

返回事件类型

e.timeStamp

返回事件生成的时间戳

方法

e.preventDefault()

阻止默认事件

//禁止右键菜单
document.addEventListener('contextmenu', function(e) {
    e.preventDefault();
})

//禁止选中文字
document.addEventListener('selectstart', function(e) {
    e.preventDefault();
})

低版本浏览器用ie678用属性 e.returnValue

e.stopPropagation()

阻止冒泡

低版本浏览器用ie678用属性 e.cancelBubble