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>