为什么“鼠标悬停”在某些情况下不能模拟悬停?

时间:2021-06-19 18:38:51

标签: javascript google-chrome google-chrome-devtools

我正在尝试模拟鼠标悬停事件,但在某些元素上它按预期工作,特别是在一个元素上它没有。

这是行不通的:

function simulateMouseover(target) {
  var event = new MouseEvent('mouseover', {
    'view': window,
    'bubbles': true,
    'cancelable': true
  }); 
  var canceled = !target.dispatchEvent(event);
  if (canceled) {
    // A handler called preventDefault.
    alert("canceled");
  } else {
    // None of the handlers called preventDefault.
    alert("not canceled");
  }
}

然后在存储的全局元素上调用它:

simulateMouseover(temp1);

这个例子需要一个用例,所以这里是一个随机的 FB 游戏直播,如果你将鼠标悬停在它的日期上,你只能以编程方式获取它的发布时间。

https://www.facebook.com/RealScottyBlades/videos/179401634042952

虽然在评论的人的头像上调用函数(显示弹出窗口),但对于顶部的日期却没有。任何建议为什么会出现这种情况,或者我如何在纯 JS 中修复它?

0 个答案:

没有答案