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

JavaScriptでキープレスイベントをシミュレートする方法は？

キー押下イベントをシミュレートするには、イベントハンドラーを使用します。次のコードを実行して、キー押下イベントをシミュレートできます

例 ライブデモ

<html>
   <head>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
      </script>
      <script>
         jQuery(document).ready(function($) {
            $('body').keypress(function(e) {
               alert(String.fromCharCode(e.which));
            });
         });
         jQuery.fn.simulateKeyPress = function(character) {
            jQuery(this).trigger({
               type: 'keypress',
               which: character.charCodeAt(0)
            });
         };
         setTimeout(function() {
            $('body').simulateKeyPress('z');
         }, 2000);
      </script>
   </head>
   <body>
      <p>press any key</p>
   </body>
</html>

  1. クリックイベントでJavaScript関数を呼び出す方法は？

    JavaScriptとHTMLの相互作用は、ユーザーまたはブラウザがページを操作したときに発生するイベントを通じて処理されます。 ページが読み込まれると、イベントと呼ばれます。ユーザーがボタンをクリックすると、クリックしてイベントになります。その他の例としては、任意のキーを押す、ウィンドウを閉じる、ウィンドウのサイズを変更するなどのイベントがあります。 onclick（）イベントは、ユーザーがマウスの左ボタンをクリックしたときに発生します。このイベントタイプに対して、検証、警告などを配置します。 例 次のコードを実行して、クリックイベントでJavaScript関数を呼び出すことができ

  2. JavaScriptでイベントオブジェクトをある関数から別の関数に渡す方法は？

    以下は、JavaScriptでイベントオブジェクトをある関数から別の関数に渡すためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <s