需求:当鼠标在select下拉框内,只允许select下拉框滚动,body禁止滚动
// 鼠标移入事件
document.addEventListener('mouseover',operBodyOverflow);
// 判断鼠标移入的是否是.v-binder-follower-content或他的子孙节点
const operBodyOverflow=(event)=>{
const targetElm = event.target
// 判断是否为 .v-binder-follower-content 或者其子元素(下拉框)
if (targetElm.classList.contains('v-binder-follower-content') || targetElm.closest('.v-binder-follower-content')) {
// 禁用 body 滚动
document.body.style.overflow = 'hidden';
}else{
// 启用 body 滚动
document.body.style.overflow = 'auto';
}
}