【发布时间】:2019-03-30 00:19:52
【问题描述】:
所以我有一个网站,我有一个文本区域。背景为白色,文字为黑色。输入时如何使背景颜色和颜色发生变化?
【问题讨论】:
-
请分享您已经完成的代码sn-p。
所以我有一个网站,我有一个文本区域。背景为白色,文字为黑色。输入时如何使背景颜色和颜色发生变化?
【问题讨论】:
只需使用 :focus 伪代码
textarea:focus {
background: red;
color: white;
}
<textarea></textarea>
【讨论】:
<textarea rows="4" cols="50" id= "textId">
My text
</textarea>
<div id="colorChange">My DIV</div>
<script type="text/javascript">
var textAr = document.getElementById("textId");
var colorDiv = document.getElementById("colorChange");
function changeColor(){
colorDiv.style.color = "blue";
}
textAr.addEventListener('keyup',changeColor);
</script>
【讨论】: