Explication détaillée de l'ordre du flux d'événements jQuery

Vous fournit une séquence jQueryd'événements et d'autres ressources. Vous êtes invités à ajouter ce site à vos favoris. Nous vous fournirons les dernières ressources de séquence de flux d'événements jQuery

<p id="aaron">    <p id=&#39;test&#39;>         <ul>             <p>点击p被委托,ul被阻止了,因为内部重写了事件对象</p>         </ul>    </p> </p>v>

Code de test

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') })

résultats déclenchés :

test 委托到p触发 被阻止了 mousedown body

Selon le flux d'événements du

W3C, capturez la cible à bulle

Vous pouvez voir que le nœud

p,ul contacte la cible plus tôt que le nœud #test p, mais comme p,ul est une bulle liée à #aaron p, donc

priorité doit être inférieur à #test

mais la priorité du même élément sera basée sur l'ordre d'imbrication des éléments. Quoi qu'il en soit, plus une phrase est proche de la cible, plus vite elle sera déclenchée

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!