JavaScript限定范围拖拽及自定义滚动条应用(3)

前端之家收集整理的这篇文章主要介绍了JavaScript限定范围拖拽及自定义滚动条应用(3)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

两个对象:div1 和 div2,其中div1是div2的父元素,div2只能在div1的范围内拖拽

这里写图片描述

图中,红点是鼠标的位置,两个绿色箭头相减的结果就是disX,最后oEvent.clientX - disX 就是绿色箭头的部分,这个长度就是判断是否“出格”的依据,也就是这个短的绿色箭头范围应该在0 ~ div2.offsetWidth - div1.offsetWidth之间!

<Meta charset="utf-8"> @H_404_11@客户区可见范围限制拖拽

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/39239.html

猜你在找的JavaScript相关文章