liタグとタグのクリック時間を同時にトリガーする方法(JSのデフォルトイベント、バブリング、キャプチャを含む)

参照著者のプレゼンテーション:http//caibaojian.com/javascript-stoppropagation-preventdefault.html

ページ内のすべての#menus1 liはclick()イベントにバインドされます。要件は、<li>メニューがクリックされたときに<li>のクリック時間と<li>の下の<a>タグをトリガーすることです。 >クリックは<li>用です。クラスタグが選択され、<a>タグをクリックするとページが開きます。問題は、<a>タグのイベントがトリガーされても、<li>タグの時間がトリガーされないことです。

検索:

$("#testC").on('click',function(){
return false;
});

JQueryでfalseを返すことの意味は、イベントのデフォルトの動作とバブリングを防ぐことです。そのため、上位ラベルのクリックイベントは正常にトリガーされず、最終的に次のように変更されます。

デフォルトの動作のみを防止します。

//阻止浏览器的默认行为 
function stopDefault( e ) { 
    //阻止默认浏览器动作(W3C) 
    if ( e && e.preventDefault ) 
        e.preventDefault(); 
    //IE中阻止函数器默认动作的方式 
    else 
        window.event.returnValue = false; 
    return false; 
}

 

おすすめ

転載: blog.csdn.net/a1_HelloWord/article/details/106722926