ásicamente estoy tratando de enviar un evento de clic del mouse personalizado a un elemento de entrada de texto usando el siguiente código (ver este jsFiddle):

function simulateClick(id) {
    var clickEvent = document.createEvent("MouseEvents");
    clickEvent.initMouseEvent("click", true, true, window, 1, 0, 0, 0, 0,
        false, false, false, false, 0, null);

    var element = document.getElementById(id);
    element.dispatchEvent(clickEvent);
}

Cuando ejecuto ese código en unatype="checkbox" elemento funciona perfectamente bien pero no funciona en absoluto cuando se llama en untype="text" elemento.

Ahora esta es la definición deinitMouseEvent() en MDN:

event.initMouseEvent(type, canBubble, cancelable, view, 
                 detail, screenX, screenY, clientX, clientY, 
                 ctrlKey, altKey, shiftKey, metaKey, 
                 button, relatedTarget);

Así que en el ejemplo anteriorscreenX, screenY, clientX yclientY sería todo0 (aún así, el código anterior funciona perfectamente bien con casillas de verificación independientemente de su posición). Intenté capturar un evento real y pasar la pantalla y las coordenadas del cliente al evento personalizado, pero fue en vano.

Pero tal vez los elementos de entrada de texto ignoren los eventos personalizados del mouse debido a razones de seguridad, pero luegoelement.focus() tampoco debería funcionar, lo que sí funciona.

Cualquier idea o idea sería muy apreciada!