zoukankan      html  css  js  c++  java
  • 获取鼠标当前元素

    var   last_element=null; 
     track_mouse = (e) => {
            const get_current_element = (e) => {
                let x = e.clientX, y = e.clientY;
                return document.elementFromPoint(x, y);
            }
            const highlight = (element) => {
                element.style.outline = '#f00 solid 2px'
            }
            const remove_height_light = (element) => {
                element.style.removeProperty('outline')
            }
            let elementMouseIsOver = get_current_element(e)
            if (elementMouseIsOver === last_element) {
                //当鼠标在元素内部移动的时候
                return
            }
            if (last_element != null) {
                remove_height_light(last_element)
            }
            highlight(elementMouseIsOver)
            last_element = elementMouseIsOver
        }
     window.addEventListener("mousemove",track_mouse,true)
    
    
  • 相关阅读:
    TS 3.1
    TS 3.1
    MDN 教程
    MDN 教程
    MDN 教程
    MDN 教程
    MDN 教程
    MDN 教程
    cookie会话技术
    数据库语法-1
  • 原文地址:https://www.cnblogs.com/c-x-a/p/13814034.html
Copyright © 2011-2022 走看看