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