高亮显示输入的文本框

<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>

猜你喜欢

转载自blog.csdn.net/weixin_42442123/article/details/83623794
今日推荐