js节点，阻止事件冒泡

标签：其他   als   htm   bsp   连接   event   span   def   html   

parentNode:父级节点

var i=document。getElementById（‘a2’）.parentNode;

console.log(‘i‘);//会查找到a2元素的父节点

childNodes:子级节点集

var i=document。getElementById（‘a1’）.childNodes;

console.log(‘i‘);//会查找a1的所有子级节点，回车是一个text节点

firstChild:第一个子级节点

var i=document。getElementById（‘a1’）.firstChild;

console.log(‘i‘);

lastChild:最后一个子级节点

var i=document。getElementById（‘a1’）.lastChild;

console.log(‘i‘);

nextSibling:同级下一个节点

var i=document。getElementById（‘a1’）.nextSibling;

console.log(‘i‘);

previousSibling:同级上一个节点

var i=document。getElementById（‘a1’）.previousSibling;

console.log(‘i‘);

阻止事件冒泡

1.e.stopPropagation()；阻止事件分配到其他节点，父级事件不再显示；

document.getElementById(‘p‘).onclick=function(e){alert(‘1‘);e.stopPropagation（）；};//点击点我时会弹框1，加上e.stopPropagation()；后点点我时只会出现弹框1

document.getElementById(‘d‘).onclick=function(){alert(‘2‘);}；//点击点123时会弹框2

2.return false; js只会阻止默认行为，若有跳转页面将会阻止，jq阻止默认又防止冒泡；

document.getElementById(‘d‘).onclick=function(){alert(‘2‘);}；

3.event.preventDefault();取消事件的默认动作，若有跳转页面将阻止

document.getElementById(‘d‘).onclick=function(){alert(‘2‘);}；

js节点，阻止事件冒泡

标签：其他   als   htm   bsp   连接   event   span   def   html   

原文地址：https://www.cnblogs.com/111wdh/p/12849556.html