Event 事件 - 扩展

Posted 2020-10-05

事件中的 this

在事件的处理理函数中，可以通过 this 关键字来指代绑定该事件的标签。

 

<p id="para">我是一个p标签</p>

 

点击完 <p> 标签后获取到它?面的内容，常规做法：

 

  

para.addEventListener("click", function(){
console.log( para.textContent ); // 我是一个p标签
}, false)

 

　也可以使用 this 关键字进行改写:

para.addEventListener("click", function(){
console.log( this.textContent ); // 我是一个p标签
}, false)

　　事件对象

html ?面的标签绑定事件的处理函数中，提供了一个事件对象（event）。这个事件对象会返回关于该事件的信息，以及该事件绑定在哪个元素中。

语法结构：

事件源.addEventListener(eventName, function(event){
// event 就是事件对象
}, boolean)