在Photoshop插件中滑动时获取范围输入滑块调整以立即生效

Question

我有一个photoshop插件，其中有一个执行许多不同功能的范围滑块。

例如，一个滑块更改当前层的不透明度，范围为0-100。

我的滑块成功地更改了不透明度，并且我还看到在按下鼠标并更改滑块值时，photoshop本身中的不透明度值会根据滑块立即变化；但是，直到取消单击/释放鼠标后，图像本身的视觉不透明度才会改变。

我希望滑块在滑动的同时对图像产生即时影响，类似于人们在（例如）Lightroom中看到的那样，当人们移动滑块并看到即时且可变的视觉变化时。

代码如下：

HTML：

  <div>
    <span class="slider-left"><span id="slider-reset" class="slider-reset">Opacity</span></span><span class="slider-center"><input id="slider" class="slider" type="range" min="0" max="100" value="100"></span><span id="slideroutput" class="slider-output slider-right"></span>
  </div>

Javascript：

var slider = document.getElementById("slider");
var slideroutput = document.getElementById("slideroutput");
slideroutput.innerHTML = slider.value;

slider.oninput = function() {
  slideroutput.innerHTML = this.value;
  csInterface.evalScript("OpacityCurrentLayer("+ this.value +")");
}

任何想法，如果我可以做其他不同的事情，或者这一切可能吗？

谢谢！