javascript - validacion - ¿Cómo simular el tipeo en el campo de entrada usando jQuery?

validar formulario javascript antes de enviar

Question

Lo que quiero es simular el tipeo en el campo <input> usando javascript.

Tengo el siguiente código:

var press = jQuery.Event("keydown");
press.ctrlKey = false;
press.which = 65;
$("#test").trigger(press);

Pero cuando cargo la página, el campo de entrada #test no tiene caracteres escritos, el código clave de ''65'' representa ''A'', pero no hay entrada ''A''.

Básicamente lo que quiero es tipear automáticamente en el sitio web usando Greasemonkey.

Por favor, dame algunas ideas o alguna biblioteca con la que pueda usar para hacer esto.
¡Muchas gracias!

Answer 1

Puede enviar eventos clave, y cualquier cosa que los escuche los obtendrá, pero no cambiarán la entrada , por lo que no verá aparecer la letra A , por ejemplo. Esto es principalmente una cuestión de seguridad; vea "Actos de disparo manual" para una discusión sobre eso.

Por lo tanto, si desea que aparezca la letra, debe modificar el valor de la entrada a medida que envía el evento clave. Hay un complemento jQuery para eso, consulte "El $.fn.sendkeys " .

Puede ver cómo reacciona una <input> con claves aplicadas por el usuario, eventos clave y ese complemento en este jsFiddle .

Como referencia, esta es la pieza clave de código de jsFiddle:

$("button").click ( function (zEvent) {
    if (zEvent.target.id == "simA_plain") {
        console.log ("Send Plain key event");
        var keyVal = 65;
        $("#eventTarg").trigger ( {
            type: ''keypress'', keyCode: keyVal, which: keyVal, charCode: keyVal
        } );
    }
    else {
        console.log ("Use the Plugin to simulate a keystroke");
        $("#eventTarg").sendkeys ("B") ;
    }
} );

Ese complemento debería ser suficiente si solo está tratando de "simular tipear en una <input> ". Sin embargo, dependiendo de lo que realmente está tratando de hacer, es posible que necesite hacer uno o más de los siguientes:

1. Simplemente establece el texto en lo que quieres que sea.
2. Envíe un evento de selección, si el javascript de la página se activa.
3. Del mismo modo, envíe un evento de change , etc., si el javascript de la página se activa.
4. Simplemente busque y llame al javascript de la página directamente. Utilice la inyección de scripts , el hack de ubicación , la unsafeWindow y / o el modo @grant none para hacer eso.
5. ¿Algo más? Indique su verdadero objetivo y enlace a la página de destino.