Cómo cambiar los caracteres escritos en Firefox

Question

Necesito cambiar en un ingreso de texto el carácter '.' a ',' mientras tipea. En IE cambio la propiedad de evento código clave en el evento de pulsación de tecla, como este

document.getElementById('mytext').onkeypress = 
function (evt) { 
    var e = evt || window.event; 
    if (e.keyCode && e.keyCode==46) 
    e.keyCode = 44; 
    else if (e.which && e.which==46) { 
    e.which = 44; 
    } 
}; 

pero seemes que en Firefox es imposible cambiar los caracteres escritos en eventos clave. ¿Alguna sugerencia?

Answer 1

Pruebe esto. Funciona en todos los navegadores:

window.onload = function() { 
    var input = document.getElementById("mytext"); 

    input.onkeypress = function() { 
     var evt = arguments[0] || event; 
     var char = String.fromCharCode(evt.which || evt.keyCode); 

     // Is it a period? 
     if (char == ".") { 
      // Replace it with a comma 
      input.value += ","; 

      // Cancel the original event 
      evt.cancelBubble = true; 
      return false; 
     } 
    } 
}; 

Actualización:Pier Luigi señaló un problema con lo anterior. No se ocupa de que la posición de intercalación no esté al final del texto. Agregará el comando hasta el final incluso si está insertando texto en el valor.

La solución sería, en lugar de agregar una coma, simular un evento de pulsación de tecla para la tecla de coma. Desafortunadamente, la forma en que el despacho de eventos sintéticos funciona en diferentes navegadores parece mostrar mucha variedad y no es una tarea fácil. Veré si puedo encontrar un método bueno y genérico para ello.

Answer 2

Técnicamente, solo quiere reemplazar todos los puntos por comas.

document.getElementById('mytext').onkeyup = function(){ 
    this.value = this.value.replace('.', ','); 
} 

Answer 3

Supongamos que todas las propiedades de un objeto Evento son inmutables. La especificación DOM no trata lo que sucede cuando se cambian esos valores manualmente.

Aquí tiene la lógica que necesita: escuche todos los eventos clave. Si es un período, suprime el evento y agrega manualmente la coma en la posición del cursor. (Aquí está a code snippet para insertar texto arbitrario en la posición del cursor.)

Suprimiría el evento en Firefox llamando al event.preventDefault(); esto le dice al navegador que no continúe con la acción predeterminada asociada con este evento (en este caso, escribir el carácter). Suprimiría el evento en IE configurando event.returnValue en false.

Si no es un período, regrese antes de tiempo de su controlador.

Answer 4

¿Esto realmente debe hacerse sobre la marcha? Si está recopilando la información para enviarla a un formulario o enviarla a una base de datos, ¿no sería mejor modificar los datos una vez que se enviaron? De esa forma el usuario nunca ve el cambio confuso.

Answer 5

Si miro el documento oficial Document Object Model Events, los campos de eventos del mouse se definen como de solo lectura. Los eventos de teclado no están definidos allí, supongo que Mozilla siguió esta política para ellos.

Así que, básicamente, a menos que haya algún truco inteligente, no puede modificar un evento de la manera que desee. Probablemente tenga que interceptar la clave e insertar el carácter (en bruto o traducido) donde está el símbolo de intercalación, como lo hacen los editores de JS HTML.