将 mousedown 事件分派给元素不会给它焦点

Question

将 mousedown 事件分派给元素不会给它焦点

Mar*_*cak 5 javascript dom javascript-events

我尝试使用以下代码来拦截 mousedown 事件，然后重新调度它，以便在任何元素获得焦点时都能得到控制。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script type="text/javascript">
document.addEventListener('mousedown', function (e) {
    console.log('mousedown', e);
    if (e.target.getAttribute('id') === 'target' && !e.__redispatched) {
        console.log('cancelling');
        e.preventDefault();
        e.stopPropagation();
        e.stopImmediatePropagation();
        setTimeout(function () {
            var re = new MouseEvent('mousedown', {
                bubbles: true,
                cancelable: true,
                view: window,
                screenX: e.screenX,
                screenY: e.screenY,
                clientX: e.clientX,
                clientY: e.clientY,
                ctrlKey: e.ctrlKey,
                shiftKey: e.shiftKey,
                altKey: e.altKey,
                button: e.button,
                buttons: e.buttons,
                relatedTarget: e.relatedTarget,
                region: e.region
            }); 
            re.__redispatched = true;
            document.getElementById('target').dispatchEvent(re);
        }, 100);
    }

})
    </script>
    <input id="target" type="text"/>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

控制台显示该事件已正确重新调度，因为它被target元素捕获，但没有获得该元素的焦点。

当我在不干预事件的情况下尝试这样做时，在mousedown处理事件之前就获得了焦点。

是否可以仅通过重新调度mousedown事件来处理此行为，还是必须手动处理focus？还是我在活动中做错了什么？

谢谢。

Answer 1

小智 6

该focus被接收后触发mousedown事件。但是，浏览器不会为不受信任的事件运行默认处理程序，例如MouseEvent使用dispatchEvent.

您必须focus手动输入。

归档时间：	9 年，11 月前
查看次数：	558 次
最近记录：	9 年，11 月前