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外面鼠标乱移,页面下滑,滚动条下滑

  • 相关阅读:
    万字攻略,详解腾讯面试
    百度广告产品系统级测试技术演进
    TAR部署MYSQL(1)
    RPM部署MYSQL
    大数据学习之Linux(3)
    大数据学习之linux(2)
    大数据学习之linux(1)
    pycharm安装与破解
    Dijkstra—校园景点游览问题
    哈夫曼编译码器
  • 原文地址:https://www.cnblogs.com/liuqingxia/p/10072299.html
Copyright © 2011-2022 走看看