獲取鼠標(biāo)所在位置的元素、元素是否為某元素子元素

1、獲取鼠標(biāo)所在位置的元素

var el = window.document.body; //聲明一個(gè)變量,默認(rèn)值為body
      window.document.body.onmouseover = function(event) {
         el = event.target; //鼠標(biāo)每經(jīng)過(guò)一個(gè)元素,就把該元素賦值給變量el
        console.log('鼠標(biāo)所在位置的元素為:'  + 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、結(jié)合:鼠標(biāo)所在位置的元素如果不是某元素子元素,則alert('1111');

var el = window.document.body; //聲明一個(gè)變量,默認(rèn)值為body
      window.document.body.onmouseover = function(event) {
        el = event.target; //鼠標(biāo)每經(jīng)過(guò)一個(gè)元素,就把該元素賦值給變量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");
        }
      };
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁(yè)的形式展示給用戶的,因此網(wǎng)頁(yè)是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁(yè)文件是用...
    阿啊阿吖丁閱讀 4,948評(píng)論 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,809評(píng)論 1 45
  • 黃媽答應(yīng)的飯局終于來(lái)了。群里的每一個(gè)人都在歡呼雀躍。 這頓飯我們盼了一年又一年。黃媽不是個(gè)小氣的人,她經(jīng)常請(qǐng)大伙吃...
    ld熊壯壯閱讀 160評(píng)論 0 0
  • 心中多念,夢(mèng)中多幻,是胡思亂想,是未來(lái)昭示,過(guò)去、現(xiàn)在、未來(lái)一一展現(xiàn),卻怯于行動(dòng),乏于瑣事,都說(shuō)活在當(dāng)下,當(dāng)處一團(tuán)...
    海若似錦閱讀 168評(píng)論 0 1
  • 次韻九九兩首 胭脂雪 家鄉(xiāng)老宅 風(fēng)中斑駁已涂墻,憶滿春山望舊梁。 曾效藤蘿爬竹柵,也盛月色作燈光。 宵分夢(mèng)寄螢蟲舞...
    胭脂雪er閱讀 464評(píng)論 0 0

友情鏈接更多精彩內(nèi)容