4

Quiero detectar cuando el usuario cambia el contenido del campo de texto. Cuando lo hace por teclado es fácil, pero con el menú contextual, al pulsar el botón derecho del ratón vienen los problemas.

Las acciones de pegar/copiar/cortar están definidas y se les puede asignar una función, como por ejemplo.

object.onpaste = object.oncut = object.oncopy = function (){
    alert("estas cambiando el contenido"};
}

Pero a la acción click derecho + eliminar (internet explorer) no hay forma de detectarla.

¿Cómo detectar la accion "click derecho del ratón + eliminar" en internet explorer?

En la página stackoverflow inglesa dan alguna solución pero consiste en ejecutar una función por intervalos con "setInterval", y que esta función compruebe el tamaño del texto cada X milisegundos. Podría ser una solución pero no sé cómo puede afectar al rendimiento, porque además habría que aplicarla en varios campos dentro de una misma pantalla.

15
  • No estoy familiarizado con la funcion de Eliminar. Puedes explicar lo que hace? es como un cortar pero de todo el input?
    – lois6b
    Commented el 5 jul. 2017 a las 13:06
  • Quieres que solo capture cuando das Botón derecho + eliminar o también cuando utilizas backspace ? Commented el 5 jul. 2017 a las 13:40
  • 1
    @lois6b no, va caracter por caracter.
    – Yikarus
    Commented el 5 jul. 2017 a las 14:40
  • 1
    Según tengo entendido elimina el contenido seleccionado del input. Una posible solución puede ser escuchar al evento input y comprobar si el tamaño del contenido del input decrece. Pero, claro, tendrías que descartar otras posibles combinaciones de teclas que también eliminan contenido como backspace, ctrl +X, Supr, Del, ... Commented el 5 jul. 2017 a las 15:01
  • 1
    Prueba con el change de jquery
    – GDP
    Commented el 6 jul. 2017 a las 7:34

2 respuestas 2

2

Finalmente la solución ha sido controlar el evento input:

$('#id_objeto').bind("input", function (event){//manejarEvento});

Con esto he conseguido detectar cuando el usuario elimina texto del campo mediante el menú contextual del ratón (click derecho + eliminar).

Gracias al usuario @JoseHermosillaRodrigo por el consejo!

1

Intenta quitando el menú

function nomenu(){
return false;
}
document.getElementById("sinmenu").oncontextmenu = nomenu;
<input type="text" value="Sin Menu" id="sinmenu">
  <input type="text" value="Con Menu" id="conmenu">

4
  • Gracias lo voy a intentar. Aunque no sé si me valdrá la solución de cara al cliente. Otra solución sería quitar la opción "eliminar" del menú conceptual del explorer, pero no sé si es posible.
    – MikelMats
    Commented el 6 jul. 2017 a las 19:59
  • No es posible modificar el menú, otra solucion aunque no es fácil y no funcionara en todos los navegadores sería que tu crearas un menú personalizado (con elementos html) y emularas los eventos de copiar y pegar
    – Lato
    Commented el 6 jul. 2017 a las 20:53
  • Me lo temía. La solución de crear un menú personalizado quizás me valga. Creo que usaré una de las dos, o una función con SetInterval o crear un propio menú personalizado.
    – MikelMats
    Commented el 6 jul. 2017 a las 21:56
  • Muchas gracias por la ayuda
    – MikelMats
    Commented el 15 nov. 2017 a las 13:24

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.