Javascript 使用矩形移动绝对位置调整图标大小

Javascript 使用矩形移动绝对位置调整图标大小,javascript,html,css,reactjs,dom,Javascript,Html,Css,Reactjs,Dom,我有一个矩形,当我拖动时,我希望大小调整器图标一起移动。我使用mousemove事件和设置top,左位置将4个调整器图标中的每一个设置为绝对位置 但在拉吉看来,还有什么其他选择呢 // I used useRef for referencing resizer icons. resize1.current.style.top = top - 10 + "px"; resize1.current.style.left = left - 10 + &

我有一个矩形,当我拖动时,我希望大小调整器图标一起移动。我使用
mousemove
事件和设置
top,
位置将4个调整器图标中的每一个设置为绝对位置

但在拉吉看来,还有什么其他选择呢

    // I used useRef for referencing resizer icons. 

    resize1.current.style.top = top - 10 + "px";
    resize1.current.style.left = left - 10 + "px";
    resize1.current.hidden = false;

    resize3.current.style.top = top - 10 + "px";
    resize3.current.style.left = left + offsetWidth + "px";
    resize3.current.hidden = false;

    resize5.current.style.top = top + offsetHeight + "px";
    resize5.current.style.left = left + offsetWidth + "px";
    resize5.current.hidden = false;

    resize7.current.style.top = top + offsetHeight + "px";
    resize7.current.style.left = left - 10 + "px";
    resize7.current.hidden = false;

您可以显示您的全部代码吗?好的,但这里的问题是我正在将每个调整大小图标的
top
left
属性更改为与鼠标移动矩形事件相同。这是个好主意吗?我不认为是,如果只使用css
psuedoelements
就可以做到,你能给我举个例子吗?请看这个,如果有帮助请告诉我