zoukankan      html  css  js  c++  java
  • js的相关距离

    js的相关距离

    一、dom对象的距离

    ---dom.style.width : 对象本身的内容宽度(这里必须是内联样式中的width,带px)(content)

    ---dom.style.height:对象本身的内容高度(这里必须是内敛样式中的height,带px)(content)

    ---dom.clientWidth:对象本身的内容宽度+对象本身的内边距宽度(content+padding)

    ---dom.clientHeight:对象本身的内容高度+对象本身的内边距高度(content+padding)

    ---dom.scrollWidth:对象本身的内容宽度(包括溢出的宽度)+对象本身的内边距宽度(content+padding)

    ----dom.scrollHeight:对象本身的内容高度(包括溢出的高度)+对象本身的内边距高度(content+padding)

    ----dom.offsetWidth:对象本身占用的出外边距外的宽度(content+padding+border)

    ----dom.offsetHeight:对象本身占用的除外边距外的宽度(content+padding+border)

    二、dom对象相对于其他元素的一些距离

    ----dom.offsetTop:对象自身相对于父级定位元素顶部的距离

    ----don.offsetLeft:对象自身相对于父级定位元素的左侧的距离

    ----dom.scrollTop:对象相对于文档的顶部高度

    ----dom.scrllLeft:对象相对于文档的左侧距离

    三、事件对象相对于其他的元素的一些距离

    ----e.pageX:事件对象相对于文档的左上角的水平距离

    ----e.pageY:事件对象相对于文档的左上角的垂直距离

    ----e.clientX:事件对象相对于窗口的左上角的水平距离

    ----e.clientY:事件对象相对于窗口的左上角的垂直距离

    ----e.screenX:事件对象相对于电脑屏幕的左上角的水平距离

    ----e.screenY:事件对象相对于电脑屏幕的左上角的垂直距离

    ----e.offsetX(e.layerX):事件对象相对于事件源的左上角的水平距离

    ----e.offsetY(e.layerY):事件对象相对于事件源的左上角的垂直距离

  • 相关阅读:
    图像处理之霍夫变换(直线检測算法)
    Linux makefile 教程 很具体,且易懂
    POJ 2001 Shortest Prefixes(字典树)
    android performClick使用
    Java工厂模式
    C#异步调用
    答读者问(5):有关数学对程序猿的作用、研发工作岗位要求和实习对找工作的影响等问题
    Android系统源码导入到eclipse
    开源项目与许可证
    Java实现第十届蓝桥杯矩形切割
  • 原文地址:https://www.cnblogs.com/dhrwawa/p/10468760.html
Copyright © 2011-2022 走看看