如何在click事件上添加focus（）並設置占位符文本

Question

我在搜索圖標中添加了一個事件偵聽器，以偵聽“單擊”事件，然后在觸發時調用將焦點添加到元素並將占位符屬性更改為“輸入搜索詞...”的函數。 當前，單擊圖標時，輸入顯示為具有焦點，但沒有占位符文本。 我想念什么？

 window.onload = function() {
        var el = document.getElementById('gsc-i-id1');
        el.setAttribute('placeholder', 'Enter your search term...');
        el.style.background = '';
        el.style.textIndent = '0';
        el.addEventListener('blur', function(e) {
            e.target.style.backgroundImage = 'none';
            e.target.style.textIndent = '0';
            }, false );

        var searchIcon = document.getElementById('search-icon');
        searchIcon.addEventListener('click', function(e) {
                e.preventDefault();
                el.focus( function() {
                el.setAttribute('placeholder', 'Enter your search term...');
                });
            }, false );
        };

Answer 1

你使用的是什么瀏覽器？ 字段獲得焦點后，IIRC，IE（至少11個，不知道“ Edge”）將隱藏占位符。 （不過Chrome正確無誤。）