Select2取消/阻止默认的select2:在特定条件下选择(v.4.0.x) [英] Select2 cancel/preventDefault select2:select at specific condition (v.4.0.x)

问题描述

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

I need to add a Button to every select2 item and prevent the default event so only the button gets triggered.

我有以下代码，但普通的onSelect事件仍被触发:

I have the following code but the normal onSelect event still gets triggered:

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
    }
}

推荐答案

尝试捕获select2:selecting事件:

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

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

Here is a jsfiddle: http://jsfiddle.net/beaver71/dtjhpnm7/

这篇关于Select2取消/阻止默认的select2:在特定条件下选择(v.4.0.x)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！