jquery イベントのPreventDefault() メソッドの使用例 example_jquery

この記事の例では、jquery イベントのPreventDefault() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:

<頭>


<スクリプトタイプ="text/javascript">
$(関数(){
$("#myform").submit(function(e){
If($("#search").val()==""){
alert("検索コンテンツを空にすることはできません");
e.preventDefault();
}
});
});

追加手順:

(1) イベント関連の情報を取得したい場合は、無名関数にパラメータを追加します。例の e はイベントのオブジェクトを表します。
(2) イベントオブジェクトのpreventDefault()メソッドを呼び出すことで、デフォルトの動作（例ではhttp://www.baidu.comへの送信など）の発生を防ぐことができます。

さらに、イベント オブジェクトの stopPropagation() メソッドを呼び出すと、バブリング イベントの発生を防ぐことができます。バブリングモデルとキャプチャーモデルについては、別記事「jsでのイベントキャプチャーモデルとバブリングモデルのインスタンス解析」を参照してください。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。