Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptで押されている文字キーを確認するにはどうすればよいですか?


キーが押されている文字を確認するには、keyCodeとともにwindow.eventを使用します。以下はコードです-

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=
1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<form>
<input type="text" onkeypress="return keyPressName(event)" />
</form>
<script>
   function keyPressName(myEventKeyName){
      var pressedKey;
      if(window.event){
         pressedKey = myEventKeyName.keyCode;
      } else if(myEventKeyName.which)
      {
         pressedKey = myEventKeyName.which;
   }
   alert(String.fromCharCode(pressedKey));
}
</script>
</body>
</html>

上記のプログラムを実行するには、ファイル名「anyName.html(index.html)」を保存して、ファイルを右クリックします。 VSCodeEditorで[OpenwithLiveServer]オプションを選択します。

出力

これにより、次の出力が生成されます-

JavaScriptで押されている文字キーを確認するにはどうすればよいですか?

ここでは、文字gを押しています。これにより、次の出力が生成されます-

JavaScriptで押されている文字キーを確認するにはどうすればよいですか?

[OK]ボタンをクリックして文字gを表示した後、次の出力が表示されます。

JavaScriptで押されている文字キーを確認するにはどうすればよいですか?


  1. どのJavaScriptイベントが発生したかを確認するにはどうすればよいですか?

    発生したJavaScriptイベントを表示するには、以下の手順に従います。 Google Chromeウェブブラウザで発生したイベントを取り上げています: Google Chromeを開き、 F12を押します 開発ツールを開くには 。 次に、ソースに移動します タブ イベントリスナーブレークポイントに移動します 、右側: イベントをクリックして、ターゲット要素を操作します。 イベントが発生する場合は、デバッガーにブレークポイントがあります

  2. 要素がJavaScriptで非表示になっているかどうかを確認するにはどうすればよいですか?

    JavaScriptで要素が非表示になっているかどうかを確認するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva,