1、获取鼠标所在位置的元素
var el = window.document.body; //声明一个变量,默认值为body
window.document.body.onmouseover = function(event) {
el = event.target; //鼠标每经过一个元素,就把该元素赋值给变量el
console.log('鼠标所在位置的元素为:' + el );
};
2、元素是否为某元素子元素
var flag = function(obj, parentObj) {
while (
obj != undefined &&
obj != null &&
obj.tagName.toUpperCase() != "BODY"
) {
if (obj == parentObj) {
return true;
}
obj = obj.parentNode;
}
return false;
};
3、结合:鼠标所在位置的元素如果不是某元素子元素,则alert('1111');
var el = window.document.body; //声明一个变量,默认值为body
window.document.body.onmouseover = function(event) {
el = event.target; //鼠标每经过一个元素,就把该元素赋值给变量el
let parent = document.getElementsByClassName(
"parent"
)[0];
var flag = function(obj, parentObj) {
while (
obj != undefined &&
obj != null &&
obj.tagName.toUpperCase() != "BODY"
) {
if (obj == parentObj) {
return true;
}
obj = obj.parentNode;
}
return false;
};
if (!flag(el, parent)) {
alert("1111");
}
};
网友评论