Blur Select2 input after close

问题:

I want the select2 element to lose the focus when the select2-close event is triggered, what I have tried so far was:

.on("select2-close", function (e) {     var $focused = $(':focus');     $focused.blur(); }); 

and some variations to get focused element like document.activeElement, $(e.target) non f these worked.

JSFiddle

回答1:

You need to remove the .select2-container-active class from the containing divider:

.on("select2-close", function () {     setTimeout(function() {         $('.select2-container-active').removeClass('select2-container-active');         $(':focus').blur();     }, 1); }); 

I've used a setTimeout here as a hacky way to ensure that this triggers after the plugin itself finalises the close.

JSFiddle demo.

文章来源: Blur Select2 input after close