zoukankan      html  css  js  c++  java
  • js-offsetX、pageX、clientX、layerX、screenX

    真心地我也是懵逼的

    clientX,clientY:针对屏幕有效区域,不包括滚动部分,坐标(0,0)一直在有效区域的左上角

    X,Y:            针对屏幕有效区域,不包括滚动部分,坐标(0,0)一直在有效区域的左上角

    offsetX,offsetY:针对屏幕有效区域,及包含滚动条部分(相对于当前元素(块或行内块));当在有效区域内时,不包括滚动条部分

    pageX,pageY::   针对屏幕有效区域,及包含滚动条部分

    layerX,layerY: 针对屏幕有效区域,及包含滚动条部分

    screenX,screenY:可返回事件发生时鼠标指针相对于屏幕的水平坐标,不包括滚动条部分

    效果图1:默认初始

    效果图2:在黑色边框div区域内鼠标乱移动时,并且页面滚动条在最顶部未向下滑动时

    效果图3:在黑色边框div外面鼠标乱移动时,并且页面滚动条在顶部没有向下滑动时

    效果图4:在黑色边框div区域内鼠标乱移动时,并且,页面向下滑动,滚动条下移

    效果图5:在黑色边框div外面鼠标乱移,页面下滑,滚动条下滑

  • 相关阅读:
    python面试题总结(1)
    python数据结构与算法之算法和算法分析
    python数据结构与算法之问题求解实例
    python数据结构与算法之问题求解
    导航栏挡住View
    coredata
    SVN
    mac 上用到的数据库软件
    开博感言
    九 、循环队列的java实现
  • 原文地址:https://www.cnblogs.com/liuqingxia/p/10072299.html
Copyright © 2011-2022 走看看