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

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");
        }
      };
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,901评论 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,727评论 1 45
  • 黄妈答应的饭局终于来了。群里的每一个人都在欢呼雀跃。 这顿饭我们盼了一年又一年。黄妈不是个小气的人,她经常请大伙吃...
    ld熊壮壮阅读 158评论 0 0
  • 心中多念,梦中多幻,是胡思乱想,是未来昭示,过去、现在、未来一一展现,却怯于行动,乏于琐事,都说活在当下,当处一团...
    海若似锦阅读 167评论 0 1
  • 次韵九九两首 胭脂雪 家乡老宅 风中斑驳已涂墙,忆满春山望旧梁。 曾效藤萝爬竹栅,也盛月色作灯光。 宵分梦寄萤虫舞...
    胭脂雪er阅读 464评论 0 0

友情链接更多精彩内容