服装网站的建设背景,北京养老网站开发,北京seo培训机构,软件开发学习路线mouseover 当一个定点设备#xff08;通常指鼠标#xff09;在一个元素本身或者其子元素上移动时#xff0c;mouseover 事件在该元素上触发。 mouseenter 事件在定点设备#xff08;通常指鼠标#xff09;首次移动到元素的激活区域内时#xff0c;在该元素上触发。 mouse…mouseover 当一个定点设备通常指鼠标在一个元素本身或者其子元素上移动时mouseover 事件在该元素上触发。 mouseenter 事件在定点设备通常指鼠标首次移动到元素的激活区域内时在该元素上触发。 mouseenter尽管与 mouseover 类似但是 mouseenter 的不同之处在于当鼠标指针从它后代的物理空间移动到它自己的物理空间时它不会冒泡也不会发送给它的任何后代。
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyul idtestliitem 1/liliitem 2/liliitem 3/li/ul
scriptconst test document.getElementById(test);// 当光标移到无序列表上时此处理函数将仅执行一次
// test.addEventListener(
// mouseenter,
// (event) {
// // 突出显示鼠标悬停目标
// event.target.style.color purple;// // 短暂延迟后重置颜色
// setTimeout(() {
// event.target.style.color ;
// }, 500);
// },
// false,
// );// 每次将光标移动到不同的列表项上时此处理函数都会执行
test.addEventListener(mouseover,(event) {// 突出显示鼠标悬停目标event.target.style.color orange;// 短暂延迟后重置颜色setTimeout(() {event.target.style.color ;}, 500);},false,
);/script
/body
/html总结 mouseenter和mouseleave配合使用 mouseover和mouseout配合使用