活动事件上的HTML元素

Question

我想测量mousedown事件和应用css活动属性之间的时间,而不使用任何jQuery函数(纯javascript).我发现有活动事件但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"事件不会报告.

Answer 1

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

尽管如此,我还是没有想到担心这个过程需要多长时间的任何正当理由,你可能最好忘记它并继续前进.