zoukankan      html  css  js  c++  java
  • js 获取 鼠标位置 和获取元素位置

        var body = document.getElementsByTagName("body")[0];
        body.addEventListener("mousemove", outpostion);
        function outpostion() {
            console.log("全局"+event.clientX + "/" + event.clientY); //evevt是全局的, 
        }
            var that = obj;
            //obj.offsetLeft //元素相对于父元素的left
            //obj.offsetTop //元素相对于父元素的top
            console.log(obj.offsetLeft + "/" + obj.offsetTop);
     //鼠标指针移动到元素上时触发
        function overShow(obj, str) {
            var showDiv = document.getElementById('showDiv');
            //showDiv.css("left", event.clientX).css("top", event.clientY);
            //showDiv.style.left = event.clientX;
            //showDiv.style.top = event.clientY;
    
            var that = obj;
            //obj.offsetLeft //元素相对于父元素的left
            //obj.offsetTop //元素相对于父元素的top
    
            console.log(obj.offsetLeft + "/" + obj.offsetTop);
            showDiv.style.left = (obj.offsetLeft * 2) + 'px';
            showDiv.style.top = obj.offsetTop + 'px';
            console.log("jubu" + event.clientX + "/" + event.clientY);
            showDiv.style.display = 'block';
            showDiv.innerHTML = str;
        }
  • 相关阅读:
    爬虫介绍
    HTTP请求协议
    谷歌浏览器表单提交,input填充背景
    SVN与GIT基础知识学习
    vue 开发环境搭建
    正则表达式验证
    canvas基础
    数组基础方法应用
    AJAX基础学习
    css弹性布局 --flex布局。
  • 原文地址:https://www.cnblogs.com/enych/p/10086603.html
Copyright © 2011-2022 走看看