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

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

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

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

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

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

event.stopPropagation(); // イベントのバブリングを停止します

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

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

コードをコピー

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

html 部分:

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

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

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

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

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