ホームページ >ウェブフロントエンド >jsチュートリアル >イベントbubble_jqueryを防止するjQueryの特定の実装

イベントbubble_jqueryを防止するjQueryの特定の実装

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 17:20:231096ブラウズ

以下は HTML コード部分です:

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


< div id= "content">
外側の div 要素
内側のspan要素
外側のdiv要素



に対応する jQuery コードは次のとおりです:

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





event.stopPropagation(); // イベントのバブリングを停止します
送信ボタンをクリックすると、デフォルトのイベントが発生する場合があります。たとえば、別のインターフェイスにジャンプします。ただし、検証に合格しない場合は、ジャンプしないでください。この時点で、event.preventDefault(); //デフォルトの動作(フォーム送信)を防止できます。

次のようなケースがあります:

コードをコピー

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



html 部分:

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

< form action= "test.html">
ユーザー名:






デフォルトの動作を防ぐもう 1 つの方法は、false を返すことです。効果も同様です。

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

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



声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:これらを理解した後でのみ、jQuery_jquery の機能を使い始めることができます。次の記事:これらを理解した後でのみ、jQuery_jquery の機能を使い始めることができます。

関連記事

続きを見る