d3.behavior.drag - ドラッグ操作のコンストラクタ

投稿日: / 更新日:

d3.jsのd3.behavior.dragは、要素にドラッグイベントを設定するためのコンストラクタです。これだけではドラッグイベントは設定されません。準備段階だと思って下さい。ドラッグ操作が適用されると、dragという名前を持った空のハンドラが要素に設定されたのと同じ状態になります。.dragに対して、nullを指定すれば、ドラッグ操作のイベントをまとめて解除できます。

サンプルコード

<div>ドラッグ対象の要素</div>
// ドラッグ操作のビヘイビアを代入
var drag = d3.behavior.drag() ;

// div要素に対して、call()メソッドでドラッグ操作を適用
select( "div" ).call( drag ) ;

// 要素に適用したドラッグ操作を無効にする
select( "div" ).on( ".drag", null ) ;

ノート

要素のドラッグ操作を無効にするには？
要素に設定したドラッグ操作を無効にするには、.dragという名前に対して、nullを実行する。つまり、d3.select( "div" ).on( ".drag", null )だ。