jquery - PreventDefaultに関するjqueryの説明

Question

http://api.jquery.com/event.preventDefault/

「このメソッドが呼び出された場合、イベントのデフォルトのアクションはトリガーされません。」

「デフォルトのアクション」とは、サンプルコードで観察した限り、ハイパーリンクをクリックしたときに別のページからユーザーをリダイレクトすることを意味します。

この機能の他の用途はありますか？

フォームとどのように相互作用しますか？

Answer 1

あなたが言ったpreventDefaultように、イベントのデフォルトのアクションがトリガーされるのを防ぎます。イベントのデフォルトのアクションは、イベントのタイプとイベントターゲットによって異なります。

たとえばpreventDefault、チェックボックスのクリックイベントハンドラーで使用された場合、チェックボックスはクリック時にチェックされません。テキスト入力のイベントハンドラーで使用されたkeydown場合、押されたキーは入力値に書き込まれません。フォームのイベントハンドラーで使用されたsubmit場合、フォームの送信が妨げられます。

基本的に、デフォルトで実行するアクションを実行するイベントを停止します。

Answer 2

preventDefaultデフォルトのイベントが発生しないようにするため、たとえば、次のコードをフォームにリンクした場合-

$('#form').submit(function(e) {
  alert('Handler for .submit() called.');
  e.preventDefault();
});

フォームの送信時に通常発生するデフォルトのイベントであるため、このe.preventDefault()呼び出しによりフォームの送信が防止されます。

Answer 3

preventDefault()指定されたイベントに対するブラウザなどのデフォルトのアクションを防止します。

の実用的な使い方はたくさんありますがpreventDefault()、いくつかまとめておきます。また、この中にフォームに関する質問への回答があります。

それは防ぎます：

• [送信]ボタンをクリックしてフォームを送信する
• Enterキーを押しながらフォームを送信する
• スクロールを妨げることもあります
• キー押下アクションも。
• ブラウザメニューを右クリック
• リンクの中央のボタンをクリックしながら新しいタブを開く
• あなたが言ったように、左ボタンをクリックしながらリンクを開く、

そしてたくさんあります

Answer 4

デフォルトのアクションが何であれ、要素のデフォルトのアクションを防ぎます。

フォームと入力の場合、クリックなどに応答して、ラジオボタンまたはチェックボックスをチェックできなくなり、submitボタンをクリックしたときにフォーム（または指定されたアクション）を送信できなくなります。