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

JavaScriptでキーボード入力のボタンクリックをトリガーする方法は?


JavaScriptでキーボードの「Enter」ボタンをクリックをトリガーするには、コードは次のとおりです-

<!DOCTYPE html>
<html>
<head>
<h1>Trigger Button Click on Enter Example</h1>
<input id="inputField" value="Some text.." />
<button id="alertBtn" onclick="alert('Button has been clicked')">
Button
</button>
<h2>
Press the "Enter" key inside the above input field to trigger the button.
</h2>
<script>
   var inputText = document.getElementById("inputField");
   inputText.addEventListener("keyup", function(event) {
      if (event.keyCode === 13) {
         event.preventDefault();
         document.getElementById("alertBtn").click();
      }
   });
</script>
</body>
</html>

出力

上記のコードは次の出力を生成します-

JavaScriptでキーボード入力のボタンクリックをトリガーする方法は?

フィールドに何かを入力してEnterキーを押すと-

JavaScriptでキーボード入力のボタンクリックをトリガーする方法は?


  1. JavaScriptでボタンクリックでli要素を削除するにはどうすればよいですか?

    以下が順不同リスト(ul)であるとしましょう- <ul>    <li class="subjectName">JavaScript <button>Remove</button></li>    <br>    <li class="subjectName">MySQL <button>Remove</button></li>    <br>

  2. JavaScriptでボタンクリック時に名前を追加および削除するにはどうすればよいですか?

    作成するにはadd()メソッドを使用し、作成および追加された要素を削除するにはuseremove()を使用できます。以下はコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</t