Select2插件 IE下 autofocus bug的解决方法

描述：

Select2插件在IE中，当页面加载完毕后会自动的focus，弹出本来应该点击input才会有个提示语。

原因：

在select2的源码中第1849行左右，有一段监听input事件的代码，如下：

this.$selection.on(‘keyup.search input‘, ‘.select2-search--inline‘,function (evt) {
      self.handleSearch(evt);
});

可以看到这里是使用HTML5的input事件去监听input中值的变化的，并没有使用传统的change或者keydown等事件。

原因就出在这里，input事件在IE中是有bug的。在IE中，如果一个input带有placeholder属性，那么IE会自动触发这个input的input事件，而这是在其他浏览器中不会发生的。

解决方案

写一个对于IE的兼容性方法，在判断为IE的时候将input事件替换为keydown事件。

var isIE = (function () {
    var ua = window.navigator.userAgent.toLowerCase();
    if (ua.indexOf("msie") > 0 || ua.indexOf("trident") > 0 ) {
        return true;
    }

    else {
        return false;
    }

}());

var input_event = !isIE ? ‘input‘ : ‘keydown‘;

this.$selection.on(‘keyup.search ‘+input_event, ‘.select2-search--inline‘,function (evt) {
      self.handleSearch(evt);
});

文章作者：forevercjl

文章原文csdn链接：www.foreverpx.cn

转载请注明出处。

版权声明：本文为博主原创文章，未经博主允许不得转载。