zoukankan      html  css  js  c++  java
  • JS 常用位置 和 尺寸 获取 鼠标的坐标

    关于window

      innerWidth  文档显示区域 宽

      innerHeight  文档显示区域 高

      outWidth  浏览器整个宽

      outHeight  浏览器整个高

      screenX(screenLeft)  浏览器里屏幕左上角距离的x坐标

      screenY(screenTop)  浏览器里屏幕左上角距离的y坐标

    关于节点

      尺寸:

      element.clientWidth  内容+内边距(填充盒)宽

      element.clientHeight  内容+内边距(填充盒)高

      element.offsettWidth  内容+内边距+边框(边框盒)宽

      element.offsettHeight  内容+内边距+边框(边框盒)宽

      位置:边框盒的位置,以第一个定位的父级元素为基准

      element.offsettLeft    element.offsettTop

    关于鼠标位置

      event.clientX  event.clientY  相对于文档显示区的xy方向距离,整个document显示出来的部分左上角

      event.pageX  event.pageY  相对于页面的xy方向距离,整个文档左上角,不管有没有显示

      event.offsetX  event.offsetY  相对于节点元素的左上角位置(事件源节点)

      event.screenX   event.screenY 相对于电脑屏幕左上角的距离

    注:值全是Number类型,且只读。

  • 相关阅读:
    最短路径算法
    XMLhelper
    关于NuDaqPci 数据采集
    批处理常用命令及用法大全
    c#智能感知(设置)及实现
    单片机串行通信全解析
    Esp8266
    使用NOOBS给树莓派安装系统Raspbian
    命令提示符编译java
    javaWeb使用POI操作Excel
  • 原文地址:https://www.cnblogs.com/jiayouba/p/12110038.html
Copyright © 2011-2022 走看看