Javascript события нажатия клавиши и e.keycode

Question

1. У меня есть код, который предполагает, чтобы обновить число оставшихся символов осталось, когда пользователь в text input. Код запускается с использованием события keypress. Проблема заключается в том, что код запущен только после keypress. Почему это происходит?

2. У меня есть код, чтобы показать ключ ASCII кода, но символ всегда показывает 8 и показывает, когда я нажимаю забой. И как использовать метод String.fromCharCode(event.keycode} ;.

3. Почему параметр event добавлен в function? Как e.keycode знает, что отображается keycode пользователя пользователя..

Пример кода

HTML

<div id="page"> 
    <h1>List King</h1> 
    <form id="messageForm"> 
    <h2>My profile</h2> 
    <textarea id="message"></textarea> 
    <div id="charactersLeft">180 characters</div> 
    <div id="lastKey"></div> 
    </form> 
</div> 

JavaScript

var el;             // Declare variables 

function charCount(e) {         // Declare function 
    var textEntered, charDisplay, counter, lastkey;   // Declare variables 
    textEntered = document.getElementById('message').value; // User's text 
    charDisplay = document.getElementById('charactersLeft'); // Counter element 
    counter = (180 - (textEntered.length));     // Num of chars left 
    charDisplay.textContent = counter;      // Show chars left 

    lastkey = document.getElementById('lastKey');   // Get last key used 
    lastkey.textContent = 'Last key in ASCII code: ' + e.keyCode; // Create msg 
} 

el = document.getElementById('message');     // Get msg element 
el.addEventListener('keypress', charCount, false);   // keypress -call charCount() 

Answer 1

1. keypress события срабатывает, прежде чем значение на вход обновляется, вот почему счетчик не обновляется. Я бы посоветовал прослушать событие input, если вам не нужен keyCode. Вы также можете послушать keyup (но обновление не будет выполнено прямо) или комбинации keypress и keyup (с "How to get text of an input text box during onKeyPress?", я обновил правильный ответ fiddle).
2. • На самом деле событие keypress, похоже, не срабатывает, когда вы нажимаете backspace. Было сказано, что другое решение игнорировать «приглушенные» клавиши («backspace», «shift», «command» и т. Д.) - это прослушивание события «ввода» (но у вас не будет доступа к event.keyCode). В противном случае вы также можете игнорировать свой код, если ключевой код не имеет значения.
   • Что касается String.fromCharCode, просто используйте String.fromCharCode(event.keyCode), чтобы получить «человеческий» эквивалент keyCode.
3. event Переданный функции представляет собой объект, содержащий всю информацию об этом событии, включая нажатую клавишу.

Answer 2

1) Используйте 'KeyUp' InstEd из '' нажатием клавиши.

2) lastkey.textContent = 'Последняя клавиша в коде ASCII:' + String.fromCharCode (e.keyCode);

3) Не знаю много об этом. параметр события добавляется, чтобы поймать уволенное событие. Он имеет все свойства обожженного события, как для «KeyUp» он имеет «charcode», клавиатурный»,„ключ“и т.д.