js实现鼠标拖拽改变左右窗口大小

最新推荐文章于 2023-09-02 08:30:00 发布

stormeye_

最新推荐文章于 2023-09-02 08:30:00 发布

阅读量1.1k

点赞数

文章标签： javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/stormeye_/article/details/114283224

版权

js实现

1.当鼠标置于resize box 时（onmousedown), 给resize 设置捕获鼠标 resize.setCapture,并记录滑动初始位置（e.clientX)

2.在上一事件的基础上，监听鼠标的滑动（onmousemove),随着鼠标的移动，实时改变两个盒子的宽度，及resize的坐标.ps.记得注意左右盒子的最小宽度

3.在2的基础上，当鼠标弹起的时候（onmouseup),清空鼠标事件，释放鼠标捕获

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实现鼠标拖拽改变左右窗口大小

js实现1.当鼠标置于resize box 时（onmousedown), 给resize 设置捕获鼠标 resize.setCapture,并记录滑动初始位置（e.clientX)2.在上一事件的基础上，监听鼠标的滑动（onmousemove),随着鼠标的移动，实时改变两个盒子的宽度，及resize的坐标.ps.记得注意左右盒子的最小宽度3.在2的基础上，当鼠标弹起的时候（onmouseup),清空鼠标事件，释放鼠标捕获<!DOCTYPE html><html lang="en
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。