ほとんどのブラウザでe.keyはサポートされていません

Question

イベントリスナーでは、私はe.keyを使用していますが、多くの古いブラウザではサポートされていないようです。私はそのe.keyCodeを読み、e.whichできhttps://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCodeとhttps://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/whichから

はe.keyのために廃止されているので、私はe.keyを使用したいのですが、いくつかのブラウザがそれをサポートしていないとき、私は何をすべきでしょうか？

私は

const key = e.key || String.fromCharCode(e.keyCode); 

を使うべきちょうどキーは、例えば、カンマであれば、彼らは私に同じ結果が得られていないようです。彼らは、同じ文字を返す必要があります

if (e.key) { 
    var key = e.key; 
} else { 
    var code = e.which || e.keyCode; 
    var key = String.fromCharCode(code); 
} 

時間内にすべてのブラウザでサポートされます好適e.keyで始まる、それらすべてをチェックすることにより、サポートされている方は、使用

Answer 1

document.getElementById('test').addEventListener('keypress', function(e) { 
 
    var code = e.which || e.keyCode; 
 
    var key = String.fromCharCode(code); 
 
    
 
    console.log(key, e.key) 
 
});

<p>Type in the input !</p> 
 
<input id="test">

keyupおよび​​イベントは特定のキーに対して異なるキーコードを返します。