javascript - 如何用 JavaScript 触发鼠标悬停？

Question

我正在尝试在此页面上的元素上触发 mouseover 事件:idealista .

如果您打开 DevTools 并将鼠标放在其中一个元素上，如果您的鼠标之前不在视口(viewport)中，它将发送 /px/xhr/api/v2/collector 请求。此请求的有效负载包含有关事件的 Base64 编码信息:

[
    {
        "t": "PX297",
        "d": {
            "PX38": "mouseover",
            "PX70": 1631,
            "PX157": "true",
            "PX72": "#home-image",
            "PX34": "TypeError: Cannot read property '0' of null\n    at kt (https://www.idealista.com/px/client/main.min.js:2:13662)\n    at HTMLBodyElement.Wn (https://www.idealista.com/px/client/main.min.js:2:20855)",
            "PX78": 957,
            "PX79": 321,
            "PX850": 2,
            "PX851": 2392,
            "PX371": true,
            "PX96": "https://www.idealista.com/"
        }
    }
]

我可以触发click事件(通过$('#home-image').click())。但是当我尝试使用 mouseover 或 mouseenter 执行此操作时，没有结果:

$('#home-image').click() // Sending request is triggered
$('#home-image').mouseover() // Sending request is NOT triggered
$('#home-image').mouseenter() // Sending request is NOT triggered

更新:

这些都不会触发请求:

for (let e of ['enter', 'over', 'move', 'leave', 'out']) {
    $('#home-image').trigger('mouse' + e);
}

Answer 1

使用mouseenter

$('#home-image').trigger('mouseenter');