活动事件上的 HTML 元素

HTML element on active event

本文关键字：HTML 元素 事件 活动      更新时间：2023-09-26

我想测量鼠标按下事件和应用CSS活动属性之间的时间，而不使用任何jQuery函数（纯Javascript）。我发现有 onactive 事件，但 Opera 不支持它（我想在其上进行此测量的浏览器）。实际上，此onactive事件仅受IE支持（不确定是哪个版本）。

htmlElement.addEventListener('mousedown', function(){var timestamp = new Date().getTime() / 1000; console.warn('mouse down ', timestamp)})
htmlElement.addEventListener('DOMAttrModified', function(){var timestamp = new Date().getTime() / 1000; console.info('highlighted ', timestamp)})

此"DOMAttrModified"事件不会报告按钮何时变为活动状态。

>:active是一个CSS伪类，而不是DOM属性或属性。由于 GUI 和代码执行的单线程性质，测量鼠标按下和设置:active伪类之间的时间是不可能的或不可行的。 基本上，当鼠标事件触发时，CSS 和 GUI 更新已经排队，并且在应用:active时不会触发任何事件。

不过，我想不出任何正当的理由来担心这个过程需要多长时间，你最好忘记它并继续前进。

相关文章：