drag实现元素移动的bug
摘要：js的drag事件，如果结束拖拽的相对DOM的位置偏移初始开始拖拽时的相对DOM位置(一般如果没有在drag事件里面适应修改DOM的位置(比如修改frame的left，top)，那么拖拽鼠标是一定会满足的这个条件的)，那么会在松手的一瞬间将鼠标坐标重置到屏幕最左上角并触发drag时间，所以通过dra
阅读全文
posted @
2025-01-31 16:02
sxb_sunday
阅读(4)
推荐(0) 编辑
实现一个可缩放并支持滚动的图片容器 解决transformOrigin导致图片左上部分不可见的问题
摘要：实现一个可缩放并支持滚动的图片容器 在这篇博客中，我将介绍如何实现一个简单的交互功能：在一个 div 中放置一张图片，通过鼠标拖动操作实现图片缩放，并且在图片放大后，滚动条能够调整位置以查看被放大的部分。 以下是具体实现的代码和步骤。 功能概述 鼠标交互：当按下鼠标时记录初始位置；松开鼠标时，根据鼠
阅读全文
posted @
2025-01-29 00:52
sxb_sunday
阅读(29)
推荐(0) 编辑
如何使浏览器窗口获取焦点 window.open实现focus效果
摘要：最近公司的内部系统开发遇到一个问题，需要实现跨窗口的不同画面的获取焦点问题模型如下： 画面A通过window.open打开了画面B和画面C，然后想在点击画面B的按钮的时候，跳转到画面C。正常考虑的应该是通过window.focus()去解决，但是这里发现window.focus()只有在打开这个画面
阅读全文
posted @
2025-01-25 20:40
sxb_sunday
阅读(27)
推荐(0) 编辑
