回答:
「クリア」JavaScript:
<script type="text/javascript">
function myKeyPress(e){
var keynum;
if(window.event) { // IE
keynum = e.keyCode;
} else if(e.which){ // Netscape/Firefox/Opera
keynum = e.which;
}
alert(String.fromCharCode(keynum));
}
</script>
<form>
<input type="text" onkeypress="return myKeyPress(event)" />
</form>
jQuery:
$(document).keypress(function(event){
alert(String.fromCharCode(event.which));
});
keypress
のではなく、あなたの文字コードを与えるイベント、keyup
またはkeydown
あなたのキーコードを与えるを。
e.key
まだ完全なブラウザーサポートがありません。
ここにはこの質問の100万の重複がありますが、とにかくここに再び行きます:
document.onkeypress = function(evt) {
evt = evt || window.event;
var charCode = evt.keyCode || evt.which;
var charStr = String.fromCharCode(charCode);
alert(charStr);
};
私が見た主要なイベントに関する最良のリファレンスはhttp://unixpapa.com/js/key.htmlです。
より新しく、よりクリーン:を使用しますevent.key
。これ以上の任意の番号コードはありません!
注:古いプロパティ(
.keyCode
および.which
)は非推奨です。
node.addEventListener('keydown', function(event) {
const key = event.key; // "a", "1", "Shift", etc.
});
単一の文字のみが入力されていることを確認する場合は、をチェックするkey.length === 1
か、それが期待する文字の1つであることを確認してください。
試してください:
<table>
<tr><td>Key:</td><td id="key"></td></tr>
<tr><td>Key Code:</td><td id="keyCode"></td></tr>
<tr><td>Event Code:</td><td id="eventCode"></td></tr>
</table>
<script type="text/javascript">
window.addEventListener("keydown", function (e) {
//tested in IE/Chrome/Firefox
document.getElementById("key").innerHTML = e.key;
document.getElementById("keyCode").innerHTML = e.keyCode;
document.getElementById("eventCode").innerHTML = e.code;
})
</script>
*注:これは「コードスニペットの実行」で機能します
このウェブサイトは上記の私のコードと同じです:Keycode.info
**check this out**
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).keypress(function(e)
{
var keynum;
if(window.event)
{ // IE
keynum = e.keyCode;
}
else if(e.which)
{
// Netscape/Firefox/Opera
keynum = e.which;
}
alert(String.fromCharCode(keynum));
var unicode=e.keyCode? e.keyCode : e.charCode;
alert(unicode);
});
});
</script>
</head>
<body>
<input type="text"></input>
</body>
</html>
洗練された方法でこれを行うために私のお気に入りのライブラリの1つはMousetrapです。
さまざまなプラグインが用意されており、そのうちの1つは、record
押されたキーのシーケンスを識別できるプラグインです。
例:
<script>
function recordSequence() {
Mousetrap.record(function(sequence) {
// sequence is an array like ['ctrl+k', 'c']
alert('You pressed: ' + sequence.join(' '));
});
}
</script>
<button onclick="recordSequence()">Record</button>