D3可拖動組與foreignObject HTML輸入文本導致它不可編輯

Question

我有一個可拖動的組，其中包含一個外部對象，其中包含一個文本HTML輸入。

但是，這會導致文本框不可選擇/可編輯，因爲它看起來是拖動事件吞下鼠標單擊事件。

你能幫我嗎？

的源代碼是在 http://bl.ocks.org/4334294

謝謝

Answer 1

這個問題被回答了在d3-js google group

撕毀諾塔關鍵是停止傳播。請參閱下面的最後一行代碼：

handleGroup 
     .append("foreignObject") 
     .attr("width", 80) 
     .attr("height", 37) 
     .attr('x', 10) 
     .attr('y', 5) 
     .append("xhtml:body") 
     .attr('xmlns','http://www.w3.org/1999/xhtml') 
     .html("<input type='text' />") 
     .on("mousedown", function() { d3.event.stopPropagation(); });