js的event对象

定义:

Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

事件通常与函数结合使用,函数不会在事件发生前被执行!

自我总结:event对象就是获取当前事件下dom对象的状态。返回了一个对象,具体可以打印出看,根据需要取值,比如取当前dom名称,event.target.tagName

例子:

 var div1=document.getElementsByTagName("body")[0];
    div1.onclick=function(event){
    console.log(event);
   }

结果:

 属性 描述
  bubbles   返回布尔值,指示事件是否是起泡事件类型。
  cancelable   返回布尔值,指示事件是否可拥可取消的默认动作。
  currentTarget   返回其事件监听器触发该事件的元素。
  eventPhase   返回事件传播的当前阶段。
  target   返回触发此事件的元素(事件的目标节点)。
  timeStamp   返回事件生成的日期和时间。
  type   返回当前 Event 对象表示的事件的名称。
方法描述
initEvent() 初始化新创建的 Event 对象的属性。
preventDefault() 通知浏览器不要执行与事件关联的默认动作。
stopPropagation() 不再派发事件。

 

来自菜鸟教程。

 

posted @   zhupan  阅读(326)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决
· 提示词工程——AI应用必不可少的技术
点击右上角即可分享
微信分享提示