Этот вариант также учитывает варианты вставки из контекстного меню, перетаскивания текста мышкой и прочие методы ввода.
<!DOCTYPE html>
<html>
<body>
<input type="text" id="i1"><br>
<div id="d1"><!-- пока пусто --></div>
<script>
(function(){
var input = document.getElementById("i1");
var output = document.getElementById("d1");
if ('oninput' in input) {
input.oninput = function() {
output.textContent = this.value;
}
} else {
// IE6-8
input.onpropertychange = function() {
output.innerText = this.value;
}
}
})();
</script>
</body>
</html
|
Сообщение от LeonidAndAnd
|
|
можно ли создать для каждого обработчика, например, отдельный файл? Т.е. файлов с кодом будет несколько, чтобы не было одного большого файла
|
В dev-версии можно. В продакшне все нужно сливать в один файл и пропускать через минификатор.