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

JavaScriptでEnterキーを押したときにのデフォルトの動作を無効にするにはどうすればよいですか？

このためには、keyDownとpreventDefault（）を使用する必要があります。以下はJavaScriptコードです-

例

<!DOCTYPE html>
<html lang="en">
<head>
<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>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="time" id="disableDefaultTime">
<script>
   const pressEnter = (event) => {
      if (event.key === "Enter") {
         event.preventDefault();
      }
   };
   document.getElementById("disableDefaultTime").addEventListener("keydown",
   pressEnter);
</script>
</body>
</html>

上記のプログラムを実行するには、ファイル名 anyName.html（index.html）を保存するだけです。 ファイルを右クリックして、VSCodeエディターでライブサーバーで開くオプションを選択します。

出力

以下は出力です。 Enterキーを押すと、何も表示されません。

JavaScriptでEnterキーを押したときに inputtype=“ time” のデフォルトの動作を無効にするにはどうすればよいですか？

以下のスクリーンショットのように時間を取得するには、keyDownを使用する必要があります-

JavaScriptでEnterキーを押したときに inputtype=“ time” のデフォルトの動作を無効にするにはどうすればよいですか？



  1. JavaScriptで時刻が特定の時刻に達したときに関数をトリガーするにはどうすればよいですか？

    このために、特定の日時の時刻を抽出し、setTimeout（）を使用して関数を呼び出します。コードは次のとおりです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title>

  2. Seleniumを使用してHTMLテキスト入力でEnterキーを押すことをシミュレートするにはどうすればよいですか？

    Selenium Webdriverを使用して、HTMLテキスト入力ボックスでEnterキーを押すことをシミュレートできます。 sendKeysの助けを借ります メソッドとパスKeys.ENTER メソッドの引数として。さらに、 Keys.RETURNを渡すことができます 同じタスクを実行するためのメソッドへの引数として。 また、 org.openqa.selenium.Keysをインポートする必要があります キーを使用するためのコードへのパッケージ クラス。下の入力ボックス内にテキストを入力した後、Enter/RETURNを押しましょう。 例 Keys.ENTERを使用したコード