使用Ember输入HTML5范围

Question

我有一个范围输入，用于过滤我的模型，该模型绑定到value属性。

{{input type="range" class="range" name="range" min="0" max="64" value=bindvalue}}

问题是它会为您拖动滑块的每个步骤进行过滤，而不是仅在释放滑块时过滤该值。这真的使滑块滞后。 所以我想我可以用它代替：

<input type="range" onchange="number.value=value" name="range" min="0" max="64" value="0">
{{input type="number" id="number" name="number" value=bindvalue}}

范围输入设置释放时的数字输入值，但是当发生这种情况时，ember不会更新我的过滤器。只有当我自己编辑数字输入时。

当范围输入设置数字输入值时，您如何让ember知道？

Answer 1

关于你的最后一种方法，如果没有使用去抖动，如此处所述

Ember.js textField change event

该领域需要失去焦点。

所以你可以做点什么，

function updateNumberValue(value){

    var num=document.querySelector("#number");
    num.value=value;
    $(num).blur();
}

http://emberjs.jsbin.com/fobep/1/edit