获取鼠标所在位置的元素、元素是否为某元素子元素

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");
        }
      };

你可能感兴趣的:(获取鼠标所在位置的元素、元素是否为某元素子元素)