javascript - 在 D3 中设置后如何删除缩放功能？

Question

我的强制布局中有缩放功能。我只在按下 ctrl 键时调用它:

.on("mousedown", function () {  
            if (d3.event.ctrlKey) 
            {
                d3.select('#selectContainer').call(zoom).on("dblclick.zoom", null);             
            } 
        })

这很好用，第一次但很明显，如果我在鼠标按下时按下 ctrl，这将无限期地附加到我的元素。我的问题是，如果我的鼠标处于关闭状态并且我没有按住 ctrl，我该如何删除它？

像这样的(显然行不通):

 .on("mousedown", function () {  
            if (d3.event.ctrlKey)  
            {                

    d3.select('#selectContainer').call(zoom).on("dblclick.zoom", null);             
            } else {
                d3.select('#mainViewerContainerDiv').on("zoom", null);
            }
        })

Answer 1

用.zoom替换zoom

d3.select('#mainViewerContainerDiv').on(".zoom", null);