网站的开发平台,什么系统做网站最安全,怎样做公司的网站,wordpress进销存插件鼠标的滑入滑出
案例
事件现象应用场景mouseover/mouseout绑定在父元素时#xff0c;对她的所有子元素#xff0c;事件都生效dom结构简单mouseenter/mouseleave只对她绑定的元素有效#xff0c;对window绑定无效dom结构简单mousemove长触发dom结构复杂// 绑定在父元素上
/…鼠标的滑入滑出
案例
事件现象应用场景mouseover/mouseout绑定在父元素时对她的所有子元素事件都生效dom结构简单mouseenter/mouseleave只对她绑定的元素有效对window绑定无效dom结构简单mousemove长触发dom结构复杂// 绑定在父元素上
// 即使取消冒泡这个结果也不变证明这个现象不是冒泡造成的
bodydiv classouterdiv classinner/div/divscriptvar oOuter document.getElementsByClassName(outer)[0],oInner document.getElementsByClassName(inner)[0]oOuter.onmouseover function () {console.log(outer移入)}oOuter.onmouseout function () {console.log(outer移出)}/script
/body// 绑定在子元素上
oInner.onmouseover function (e) {console.log(inner移入)
}
oInner.onmouseout function (e) {console.log(inner移出)
}// 或者改变绑定的事件效果同上
var oOuter document.getElementsByClassName(outer)[0],oInner document.getElementsByClassName(inner)[0]
oOuter.onmouseenter function () {console.log(outer移入)
}
oOuter.onmouseleave function () {console.log(outer移出)
}事件流