• 2024-03-21pageX|pageY、clientX |clientY、offsetX|offsetY的区别
    一、pageX|pageY当鼠标点击、按下、移动时触发,可获取到该值。pageX|pageY:以页面左上角为基准点,相对于页面来说的。【当前鼠标触发点,距离页面左上角的距离,不会因为页面的滚动条的改变而改变】二、clientX|clientY当鼠标点击、按下、移动时触发,可获取到该值。pageX|pageY:以浏览器
  • 2023-08-18【快应用】图片放大预览功能的实现
     【关键词】放大、image、background-position【问题背景】快应用中并没有直接的放大图片预览的功能,然而是可以利用现有的功能去实现图片的放大预览功能的。这样在快应用中浏览页面内容遇到图片时,遇到一些小图,觉得图片内容是不错的,就可以点击图片局部地方,放大查看图片的部分细节,提
  • 2023-04-05js 鼠标事件的位置x,y
    1.clientX和clientY与x,yclientX和clientY与x,y一样的,都是客户当前显示的屏幕上(反之可能被卷去)可视区域坐标,指鼠标的坐标,以浏览器显示网页区域的左上角开始,x,y是新浏览器支持2.offsetX,offsetYoffsetX,offsetY针对目标元素(就是被点击的元素)offsetXoffsetY是相对于触发元素不
  • 2023-04-04js中e.clientX e.pageX e.offsetX e.screenX之间的区别
     event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性event.pageX、event.pageY类似于event.clientX、event.clientY,但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性,但
  • 2022-12-31RN 横向滚动固定宽度
    主要参数snapToAlignment,snapToInterval配合使用即可<ScrollViewpagingEnabled={true}onMomentumScrollEnd={(e)=>{t
  • 2022-12-20安卓-控件拖动
    一、安卓的当前控件移动可以通过: layoutcaseMotionEvent.ACTION_MOVE:intoffsetX=x-mLastX;intoffsetY=y-m
  • 2022-12-08图片的拖动
      <div   @mousedown="imgMove"   id="imgRef"   ref="imgRef"   class="full-heightfull-widthimg-style"   style="position:
  • 2022-11-24简单刮刮乐
    简单刮刮乐<!--*@Author:[email protected]*@Date:2022-11-1517:24:09*@LastEditors:[email protected]*@LastEditTime:
  • 2022-11-09事件坐标screenX、clientX、pageX、offsetX的区别
    1、screenX和screenY参照点:电脑屏幕左上角screenX:鼠标点击位置相对于电脑屏幕左上角的水平偏移量screenY:鼠标点击位置相对于电脑屏幕左上角的垂直偏移量2、clientX和c
  • 2022-10-30图解JS事件对象screenX、clientX、pageX, offsetX区别
    screenX、clientX、pageX和offsetX的区别1、screenX和screenY参照点:电脑屏幕左上角screenX:鼠标点击位置相对于电脑屏幕左上角的水平偏移量screenY:鼠标点击位置相对