D3.js：從選擇中刪除force.drag

Question

我有一個（相當簡單）的問題：如何對由D3.js所做的選擇「un-call」force.drag？比方說，我創建了一組元素並在其上調用「調用」，爲它提供了強制定向佈局的拖動回調。看起來像這樣：

d3.selectAll('rect').call(force.drag); 

現在應該可以從稍後的一些節點中刪除該行爲。我的方法包括重置各種聽衆，如「點擊」，「拖動」等。使用

d3.select('rect#no-drag').on('click', null); 

他們都沒有工作。有誰知道如何刪除回調？

Answer 1

你就近了。拖動事件由名爲drag的名稱空間的mousedown事件啓動。請參閱：https://github.com/mbostock/d3/blob/master/src/behavior/drag.js#L5

因此，要消除這種你可以這樣做：

d3.select('rect#no-drag').on('mousedown.drag', null); 

Answer 2

這行不知它不適合移動設備兼容（鉻/機器人）

d3.select('rect#no-drag').on('mousedown.drag', null); 

Answer 3

這個問題是不是問如何對拖動元素有精細的控制，但是我來到這裏尋找如何根據條件切換拖動的開關狀態，並且提問者還詢問了如何在評論中刪除拖動之後獲取拖動。

因此，對於任何想要如何有條件地允許拖動事件的人，請使用drag.filter。

drag.filter需要一個需要返回布爾值的回調函數。如果回調函數返回true，則發生拖動，否則拖動不會觸發。

這比從選擇中刪除拖拽然後嘗試重新應用它要乾淨得多。