選擇區域

Question

我想實現這樣的功能，在網頁上：

1. 通過拖動鼠標
2. 選擇所有元素選擇正方形面積在所選擇的區域
3. 處理它們

=>所以我基本上要創造一些像「的Photoshop方選擇工具」，將獲得可以在選定區域中所有的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) {...}，並在鼠標向下和向上事件以及鼠標移動時調用它。