Question

js 鼠标经过子节点的border的时候触发父节点的onmouseout事件

js 为什么 鼠标经过子节点的border 的时候 总是触发父节点的onmouseout事件，

子节点的border不再父节点的文本里吗？？？

父节点.onmouseout=function(){...}

子节点有border属性，，，子节点没有绑定onmouseout事件，，每当鼠标经过border的时候，老是触发
父节点的onmouseout事件。

能防止吗》》？？？

鼠标从父节点上移开的时候才触发onmouseout事件这种形式，，

在线等。。。。。。

Answer 1

你这是js的冒泡事件。DOM2事件流包括事件捕获阶段、处于目标阶段、事件冒泡阶段，冒泡简单说就是从当前元素一直扫描到最顶层对象（可能是window或document，各个浏览器不一样），看有没有同名的事件（比如onmouseout，onclick等）。具体的我不好说，百度下。
可以阻止默认的冒泡事件，好像有这个方法event.stopPropagation()阻止冒泡，网上有实例