IE中輸入框綁定input事件觸發解析（input事件初始化自動執行問題解決）

在React項目中碰到了個問題，輸入框綁定了input事件，在IE中初始化會自動執行，剛開始以爲是只要有placeholder就會導致問題，後面網上搜了一輪，自己手擼了一下，總結了導致綁定的input事件自動執行的原因

1.輸入框的值爲空，2.placeholder改變(注意這個改變的就算前後的placeholder值一樣也算改變；還有就是input獲得焦點時和失去焦點時，也會改變；但是改變前後都設置爲空字符串則不算改變)

出現問題的代碼如下

    var input = document.createElement('input');
    
    input.placeholder = '3333';

    let listenCb = function(e){
        alert('input執行了');
    }

    input.addEventListener('input', e=> listenCb(e) );
    input.placeholder = '3333';
    document.body.appendChild(input);

所以要解決這個問題的核心就在於，綁定完input事件之後，不能有placeholder的變化

我的解決思路是，獲得焦點時再去監聽input事件，如果input變化時可能涉及到placeholder的變化(react裏面會這樣)，要同時去掉placeholder；失去焦點時就取消監聽input事件，同時恢復placeholder（如果獲得焦點時有去掉）,核心代碼如下：

    //input是dom節點
    let listenCb = function(e){
        alert('input執行了');
    }
    let placeholder = input.placeholder
    input.addEventListener('focus', function(e){
        e.target.placeholder = ''
        setTimeout(function(){//這個setTimeout也可以不要
            input.addEventListener('input',listenCb);
        }, 0)
    })
    input.addEventListener('blur', function(e){
        e.target.placeholder = placeholder
        input.removeEventListener('input',listenCb);
    })