通过拖动鼠标选择区域并注册该区域中的所有元素

Question

我正试图在网页上实现这种功能：

1. 通过拖动鼠标选择方形区域
2. 选择所选区域中的所有元素
3. 处理它们

=＆GT;所以我基本上想要创建类似＆＃34; photoshop square selection tool＆＃34;这将获得所选区域中的所有HTML元素......这甚至可能以某种方式？你们中的任何一个人都是这样做的，或者知道一个js（jQuery）库吗？

Answer 1

好的，有几种方法可以做到这一点。

事实上我刚刚实现了这一点。

我在鼠标按下时使用div id="tool-lasso" style="position: absolute;"我将变量mouseMode设置为lasso并将元素(tool-lasso) css设置为左：

e.pageX; top: e.pageY; width: 0; height: 0;

在鼠标移动时，如果mouseMode == 'lasso'，我会更新宽度和高度：

e.pageX - parseInt($('#tool-lasso').css('left')), e.pageY - parseInt($('#tool-lasso').css('top'))

然后在鼠标按下时，将mouseMode设置为normal。

对于鼠标移动部分，您可能希望将其设为function(e) {...}，并在鼠标向下和向上事件以及鼠标移动中调用它。