在Safari和Chrome中模拟鼠标悬停事件

Question

我正在尝试触发mouseover事件，这在Mac中的Safari和Chrome中似乎效果不佳：

$(".footer img#image").trigger('mouseover');

我也试过这个javascript代码段：

var event = document.createEvent("HTMLEvents");
event.initEvent("mouseover", true, true); 
document.getElementById("#image").dispatchEvent(event);

然而，这似乎也不是很好。有没有人知道一种可靠的方法让它在Mac中的Safari和Chrome中运行？

Answer 1

尝试创建一个新的jQuery事件并向其添加pageX和pageY：

var element = $("div.target");
var mouseover = $.Event("mouseover");
mouseover.pageX = 100;
mouseover.pageY = 1000;
element.trigger(mouseover);

原生Javascript：

<h1 onmouseover="style.color='red'" onmouseout="style.color='black'">Mouse over this text</h1>

Also a link to native events (which should work for all browsers)

我已经看过类似的帖子，两者都会尝试找到\ post链接，如果可能的话。

希望这有帮助！

I know its for mousemove but this post might help