zoukankan      html  css  js  c++  java
  • event中几个坐标问题

    /*event中几个坐标问题*/
        
    function test()
        {
            alert(
    "event.clientX="+event.clientX+"---event.clientY="+event.clientY);
            alert(
    "event.offsetX="+event.offsetX+"---event.offsetY="+event.offsetY);
            alert(
    "event.x="+event.x+"---event.y="+event.y);
            alert(
    "event.screenX="+event.screenX+"---event.screenY="+event.screenY);
        }

        
    /*
        <div id="parent" style="border:1px solid #000000;400px;height:200px">
            <div id="child" onmouseover="test()" style="border:1px solid #000000;200px;height:100px">
            asdfasdf
            </div>
        </div>


    event.clientX,event.clientY 指鼠标在客户端区域的x,y坐标
    event.offsetX,event.offsetY 指鼠标偏离引起该事件的对象的x,y距离
    event.x,event.y   鼠标相对父元素的x,y坐标
    event.screenX,event.screenY 鼠标相对整个屏幕的x,y坐标
    */
  • 相关阅读:
    ES6 对Math对象的扩展
    ES6 对Number的扩展
    monolog 应该是世界上最好的日志插件了
    ES6 解构赋值的常见用途,很强大
    ES6 对象的解构赋值
    ES6 数组的解构赋值
    ES6 const
    laravel相关插件
    c++ 库 boost安装
    Eclipse ftp插件
  • 原文地址:https://www.cnblogs.com/jackhuclan/p/1150095.html
Copyright © 2011-2022 走看看