JavaScriptで動的に更新される入力フォームがあります。 d3を使用して、この入力が操作されるたびに関数を実行するイベントリスナーを作成します。フォーム入力イベントリスナー
現在、入力フィールドを手動で変更すると実行されますが、JavaScriptを使用して更新されている場合は実行されません。私は.on("change",...
と.on("input",...
を使ってみました。ここで
は私が取得しようとしていた機能の一例です:
<!DOCTYPE html>
<meta charset="utf-8">
<input value="0" id="input1">
<button onclick="clickFunc();">Click Me</button>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
d3.select("#input1").on("input", function() {
// not printing when updated by javascript
console.log('value changed');
});
function clickFunc() {
document.getElementById('input1').value = document.getElementById('input1').value + 1;
}
</script>