鼠标释放时出现Meteor`change`值，而不是拖动输入滑块？

Question

我刚刚从纯Javascript移植到Meteor的粗略原型。

在纯Javascript中，我使用以下代码更新某些元素，因为它们是使用各种滑块（input type="range"）的值拖动的：

myElement.addEventListener("input", function() {
  update stuff here…

并在拖动滑块时更新了值。

在Meteor中，我使用下面的代码来触发所有滑块的更新功能：

'change input[type=range]': function(event) {
  update stuff here…

但是只有在我释放鼠标按钮时才会出现这些值。 Meteor change的最佳/最简单/最小替代品是什么，它会在拖动滑块时显示值 ？

Answer 1

我认为您可以将Meteor的onRendered功能与模板一起用于滑块并使用原始JS。

这样的事情

if(Meteor.isClient){
    Template.TEMPLATENAMEHERE.onRendered(function(){ 
      myElement.addEventListener("input", function() {
      update stuff here…
    });
 })    
}

以下是相关链接：

onChange event for HTML5 range

或者您可以使用 mouseup 事件而不是更改事件

Answer 2

假设您正在使用jQuery滑块，则在致电slide时应使用.slider()选项。流星无法原生地这样做。