高亮顯示輸入的文字框
阿新 • • 發佈:2018-11-06
<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>