d3.jsでイベントリスナーをカスタマイズするにはどうすればよいですか？

Question

私は、スライダを使ってページの矩形を移動する基本的なプログラムを作っています。私は

<input type = "range" min = "5" max = "500" value = "5" id = "xvalue" > 

ようなものを使用してスライダーを設定した後、更新（）は矩形の位置を変更する機能である

d3.select("#xvalue").on("input", function() { 
    update(+this.value, "x"); 
}); 

とスライダーの値を参照することができます。

スライダの値が変更されると、イベントリスナがトリガされます。しかし、スライダーの "max"と "min"属性が変化したときにイベントリスナーがトリガーされるように思えます。

入力リスナーは、入力オブジェクトの「値」属性が変更され、他の属性が変更されない場合にのみトリガーされます。

Answer 1

"min"または "max"を変更してもイベントが発生しないようです。

d3.select("#xvalue").on("input", function() { 
    console.log("The value is " + this.value); 
}); 

そして、私は2つのボタン、背面5にそれを設定し、30およびその他の分値を設定1作成：たとえば、私はちょうどあなたのようでしたアイム

d3.select("#button1").on("click", function(){ 
    document.getElementById("xvalue").setAttribute("min", 30); 
}); 

d3.select("#button2").on("click", function(){ 
    document.getElementById("xvalue").setAttribute("min", 5); 
}); 

をボタンをクリックしてもリスナを起動させるわけではなく、「最小」の値を変更するだけです。他のボタンの後にあるボタンをクリックしたときにスライダーが動くのを見ることができますが、コンソールには何も記録されていません。