Как изменить символы, введенные в Firefox

Question

Мне нужно изменить в текстовом вводе символ '.' на ',' при наборе текста. В IE изменить свойство KEYCODE событий в случае нажатия клавиши, как этот

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; 
    } 
}; 

но seemes, что в Firefox это невозможно изменить символы, набранные в ключевых событиях. Любые предложения?

Answer 1

Попробуйте это. Она работает на всех браузерах:

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; 
     } 
    } 
}; 

Обновление:Пьер Луиджи указал на проблему с выше. Он не заботится о том, чтобы позиция каретки не была в конце текста. Он добавит команду до конца, даже если вы вставляете какой-то текст в значение.

Решение будет вместо добавления запятой имитировать событие нажатия клавиши для ключа запятой. К сожалению, способ отправки синтетических событий в разные браузеры, кажется, показывает много разнообразия и не легкий подвиг. Я посмотрю, смогу ли я найти для него хороший и общий метод.

Answer 2

Технически вы просто хотите заменить все точки запятыми.

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

Answer 3

Предположим, что все свойства объекта Event неизменяемы. Спецификация DOM не учитывает то, что происходит, когда вы меняете эти значения вручную.

Вот вам логика: слушайте все ключевые события. Если это период, подавляет событие и вручную добавляет запятую в позицию курсора. (Вот a code snippet для вставки произвольного текста в позицию курсора.)

Вы подавили событие в Firefox, позвонив по телефону event.preventDefault(); это говорит браузеру не продолжать действие по умолчанию, связанное с этим событием (в этом случае, набрав символ). Вы подавили событие в IE, установив event.returnValue на false.

Если это не период, вернитесь раньше от вашего обработчика.

Answer 4

Нужно ли это делать на лету? Если вы собираете информацию, которая должна быть отправлена ​​в форму или отправлена ​​в базу данных, не было бы лучше изменить данные после их отправки? Таким образом, пользователь никогда не видит сбивающие с толку изменения.

Answer 5

Если я смотрю на официальный документ Document Object Model Events, поля событий мыши определяются как доступные только для чтения. События в клавиатуре там не определены, я полагаю, что Mozilla выполнила эту политику для них.

Так что, если есть какой-то умный трюк, вы не можете изменить событие так, как хотите. Вероятно, вам придется перехватить ключ и вставить символ (необработанный или переведенный), где находится каретка, как это делают редакторы JS HTML.