즉각적인 확대/축소

Question

드래 거를 움직이면 순간적으로 줌이 변경되도록 어떻게 설정합니까? 변화는 그것을 호출 즉시 동안 범위 슬라이더의 값이 변경된 후

https://jsfiddle.net/5ek6drwk/6/

는

var svg = document.getElementsByTagName('svg')[0]; 
     var w = parseFloat(svg.getAttribute('width')); 
     var h = parseFloat(svg.getAttribute('height')); 

     document.getElementById('zoom').addEventListener('change', 
      function() { 
      document.getElementById('rv').textContent = this.value; 
      svg.setAttribute('width', w + this.valueAsNumber); 
      svg.setAttribute('height', h + this.valueAsNumber * h/w); 
      }, false); 

Answer 1

당신은 아마 입력이 함수를 호출하기 때문에 change보다는 input를 사용하는 것이 좋습니다 값이 사용자에 의해 확약 될 때.

https://developer.mozilla.org/en-US/docs/Web/Events/input

그래서이 시도 :

document.getElementById('zoom').addEventListener('input', ...