JQuery でのイベントのバブリングを防ぐいくつかの方法とその違いの紹介_jquery

JQuery には、イベントのバブリングを防ぐ 2 つの方法が用意されています。

メソッド 1:event.stopPropagation();

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

$("#div1").mousedown(function(event){
event.stopPropagation();
});

メソッド 2: false を返す;

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

$("#div1")。 Mousedown(function(event) {
return false;
});

しかし、これら 2 つのメソッドには違いがあります。 false を返すと、イベントのバブルアップが阻止されるだけでなく、イベント自体も阻止されます。

event.stopPropagation() はイベントのバブルアップを防止するだけであり、イベント自体は防止しません。