接触了onmouseover事件和onmouseout事件,一直以为它们只是简单的分别实现鼠标指针移动到元素上时触发事件和在鼠标指针移出指定的对象时触发事件。
突然发现这些只是对它们简单的描述,下面让我们一起看看它们终究还有奇怪的特性。
-
首先实现一个盒子。
-
给这个盒子上绑定上onmouseover事件和onmouseout事件。
-
发现它们不会发生什么问题。
-
让我们创建一个B元素,让它被嵌套在A元素中,作为A的子元素。
依旧只给外层父元素A绑定onmouseover事件和onmouseout事件,当鼠标移入移除A的子元素B的时候居然也发生了onmouseover事件和onmouseout事件。
所以说当鼠标移入移除A的子元素B的时候,B的onmouseover事件和onmouseout事件会触发,但是它自己没有这两个事件啊,就把这两个事件传递给了它的父元素A,A有这两个事件所以就发生了我们看到的情况。