原生js绑定事件的三种方法
【代码】原生js绑定事件的三种方法。
·
// 绑定事件
// 行内绑定
// 选择元素绑定事件
// 事件监听 有三个参数('什么事件','函数','true或false')true(事件捕获) false(事件冒泡)
document.querySelector('p').onclick= function(e){
console.log(1);
console.log(this);//当前绑定事件的标签
console.log(e);//点击的事件对象
console.log(e.target);//触发事件的元素
console.log(e.currentTarget);//绑定事件的元素或标签
}
document.querySelector('p').addEventListener('click',(e)=>{
console.log(1);
//事件监听的时候this指向window
console.log(this);//window
console.log(e);//点击事件对象
console.log(e.target);//触发事件元素
console.log(e.currentTarget);//绑定事件的元素
})
更多推荐
已为社区贡献1条内容
所有评论(0)