JavaScript中如何操作常见事件对象?

2026-04-06 20:220阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计2522个文字,预计阅读时间需要11分钟。

JavaScript中如何操作常见事件对象?

原文:本文字例讲述了JavaScript常见事件对象与操作。分享给大众供大家参考,具体如下:

+ 触发 + DOM + 上的事件时,会生成一个事件对象 event,它包含着与事件相关的所有信息,例如导致事件的元素等。

本文实例讲述了JavaScript常见事件对象与操作。分享给大家供大家参考,具体如下:

触发 DOM 上的事件时,会生成一个事件对象 event,它包含着所有与事件有关的信息,诸如导致事件的元素、事件的类型以及其他与特定事件相关的信息。所有的浏览器都支持 event 对象,但支持的方式不同。

1 DOM 中的事件对象

兼容 DOM 的浏览器会将 event 对象传入事件处理程序(DOM0 级与 DOM2 级都支持):

var btn = document.getElementById("myBtn"); btn.onclick = function (event) { console.log(event.type);//"click" }; btn.addEventListener("click",function(event){ console.log(event.type);//"click" ,false};

event.type 保存的是被触发的事件类型。

阅读全文

本文共计2522个文字,预计阅读时间需要11分钟。

JavaScript中如何操作常见事件对象?

原文:本文字例讲述了JavaScript常见事件对象与操作。分享给大众供大家参考,具体如下:

+ 触发 + DOM + 上的事件时,会生成一个事件对象 event,它包含着与事件相关的所有信息,例如导致事件的元素等。

本文实例讲述了JavaScript常见事件对象与操作。分享给大家供大家参考,具体如下:

触发 DOM 上的事件时,会生成一个事件对象 event,它包含着所有与事件有关的信息,诸如导致事件的元素、事件的类型以及其他与特定事件相关的信息。所有的浏览器都支持 event 对象,但支持的方式不同。

1 DOM 中的事件对象

兼容 DOM 的浏览器会将 event 对象传入事件处理程序(DOM0 级与 DOM2 级都支持):

var btn = document.getElementById("myBtn"); btn.onclick = function (event) { console.log(event.type);//"click" }; btn.addEventListener("click",function(event){ console.log(event.type);//"click" ,false};

event.type 保存的是被触发的事件类型。

阅读全文