Backbone.js : select option change event trigger click event

Backbone.js : select option change event trigger click event also

本文关键字：event trigger click change option js select Backbone      更新时间：2023-09-26

我有一个带有两个事件的选择框的主干视图，更改和单击。

  • 更改-选择附加功能。
  • 点击-清除当前选择。

但是当我执行更改选项时，点击事件也被触发。

Backbone.View.extend({
events: {
    'change #sort-list': 'facetAction',
    'click #sort-list': 'clearSelection'
},
facetAction : function(){
},
clearSelection: function(){
 //change event this also getting executed.
}

您需要使click #sort-list更具体。如果你用鼠标改变#sort-list的选择，它也会调用click。

如果你想做一个重置，就像你在click上提到的，在它的旁边创建另一个按钮或类似的东西。然后，处理click #reset-button。

<div class="input-group">
  <span class="input-group-btn">
    <button class="btn btn-default" type="button" id="reset-button">Reset</button>
  </span>
  <select class="form-control" id="sort-list"></select>
</div><!-- /input-group -->
var MyView = Backbone.View.extend({
    events: {
        'change #sort-list': this.onChangeSelectedItem,
        'click #reset-button': this.onClickResetButton
    }
});

除非我错过了什么，这就是你所需要做的…

相关文章：