Knockout.js - Предотвратить событие изменения связывания для запуска при установке значения через наблюдаемую

Question

У меня есть DropDownList со следующими привязками:

<select data-bind="value: DropDownValue, event: { change: OnChange }"> 
    <option value="1">Val 1</option> 
    /* and more */ 
</select> 

Событие OnChange правильно срабатывает, когда пользователь мог выбрать другое значение из DropDownList.

Событие также запускается при обновлении значения наблюдаемого свойства с использованием viewModel.DropDownValue(1).

То, что я пытаюсь достичь, заключается в том, чтобы инициировать событие изменения ТОЛЬКО, когда пользователь устанавливает значение через пользовательский интерфейс.

Возможно ли заблокировать событие изменения при обновлении значения через наблюдаемое?

Это JSFiddle пример: https://jsfiddle.net/5ex5j7jL/3/

Answer 1

Похоже, один из способов сделать это является использование the isTrusted property из event объекта (true, когда событие было порождено действиями пользователя, false когда генерируется с помощью скрипта):

self.OnChange = function(viewModel, event) { 
    if(event.isTrusted) { 
    console.log("from dropdown"); 
    return; 
    } else { 
    console.log("NOT from dropdown"); 
    // do something 
    } 
}; 

См updated fiddle

EDIT

Конечно, вы должны выполнить некоторые короля механизма, если вы хотите запретить пользователю изменять ниспадающее меню с помощью пользовательского интерфейса:

function ViewModel() { 

    var self = this; 

    self.DropDownValue = ko.observable(); 
    self._original = null; 

    self.OnChange = function(viewModel, event) { 
     if(event.isTrusted) { 
     // rollback the viewModel value to the old one 
     viewModel.DropDownValue(self._original) 
     return false 
     } else { 
     // keep a reference to the latest value for later rollback 
     self._original = ko.unwrap(viewModel.DropDownValue) 
     } 
    }; 
}; 

Смотрите эту updated fiddle