Select2 cancel/preventDefault select2:select at specific condition (v.4.0.x)答案

【问题标题】：Select2 cancel/preventDefault select2:select at specific condition (v.4.0.x)Select2 cancel/preventDefault select2:select at specific condition (v.4.0.x)
【发布时间】：2018-01-03 14:49:06
【问题描述】：

我需要为每个 select2 项目添加一个 Button 并阻止默认事件，以便仅触发按钮。

我有以下代码，但正常的onSelect 事件仍然被触发：

select.on('select2:select', test2);

function test2(e) {
    if (e.params.originalEvent.target.classList.contains('TreeButton')) {
        //stop event execution
        e.stopPropagation();
        e.preventDefault();
        return false;
    } else {
        //execute normal
    }
}

【问题讨论】：

标签： javascript events select jquery-select2

【解决方案1】：

尝试捕捉select2:selecting事件：

select.on("select2:selecting", function (e) { 
    if (e.params.args.originalEvent.target.className === 'btn') {
      e.preventDefault();
    }
}

这是一个 jsfiddle：http://jsfiddle.net/beaver71/dtjhpnm7/

【讨论】：