jQueryイベントの流れの順番

1830 ワード

    p ,ul ,

v>
テストコード
var aaron = $("#aaron")
//               
aaron.on('mousedown','p',function(e){
    console.log('   p  ')
  // e.stopPropagation()
})
aaron.on('mousedown','ul',function(e){
    console.log('    ')
})

aaron.on('mousedown',function(e){
  console.log('mousedown')
})

$("#test").on('mousedown',function(){
  console.log('test')
})

$("body").on('mousedown',function(){
  console.log('body')
})
トリガの結果:
test
   p  
    
mousedown
body
W 3 Cのイベントフローにより、ターゲットを発泡体に取り込む.
見えます
p,ulノードは、菗test divノードよりも先にtargetに接触していますが、p,ulは芫aaron divに結合された泡であるため、優先度が脸testを下回ります.
しかし、同じ要素の優先度は、要素の入れ子順になります.どちらかというとターゲットに近いほど早く触発されます.
転載先:https://www.cnblogs.com/aaronjs/p/4140090.html