1. 程式人生 > >高亮顯示輸入的文字框

高亮顯示輸入的文字框

<script>
        var inputs = document.getElementsByTagName("input");
        for (var i = 0; i < inputs.length; i++) {
            var input = inputs[i];
            //判斷input是否是text
            if (input.type != "text") {
                continue;
            }
            // 讓當前正在輸入的文字框 高亮顯示
input.onfocus = function() { //讓所有文字框先去除高亮顯示 for (var i = 0; i < inputs.length; i++) { var input = inputs[i]; if (input.type != "text") { continue; } // 去除所有文字框高亮顯示
input.style.backgroundColor = ""; } // 當前文字框高亮顯示 this.style.backgroundColor = "pink"; } } </script>