Der Aufruf von „dispatchEvent(clickEvent)“ für ein Textfeld funktioniert nicht ⇐ HTML

[Guest]

Ich möchte programmgesteuert ein Klickereignis für ein Textfeld generieren, wenn ein Benutzer auf eine Schaltfläche klickt. Ich kann sehen, dass das Textfeld das Ereignis erhält, der Fokus jedoch nicht auf das Textfeld wechselt. Ich habe sowohl „click()“ als auch „dispatchEvent“ ausprobiert, aber keines scheint das gewünschte Verhalten hervorzurufen.
UPDATE: Ich weiß, dass ich focus() aufrufen kann aber mein Ziel ist es, nur „dispatchEvent“ und Mausereignisse zu verwenden (die echte App muss Mausereignisse von einem IFrame zu seinem übergeordneten Element umleiten).

Code: Select all

function handleClick(event)
{
let textbox = document.getElementById('text');
let rect = textbox.getBoundingClientRect();

let newEvent = new MouseEvent('click', {
clientX: rect.x + 5,
clientY: rect.y + 5,
x: rect.x + 5,
y: rect.y + 5,
pageX: rect.x + 5,
pageY: rect.y + 5
});

textbox.dispatchEvent(newEvent);
}

Code: Select all

Click