使用JavaScript检测光标何时不再位于文本区域_Javascript_Html_Textarea_Dom Events_Jquery Events

使用JavaScript检测光标何时不再位于文本区域

javascript html

使用JavaScript检测光标何时不再位于文本区域,javascript,html,textarea,dom-events,jquery-events,Javascript,Html,Textarea,Dom Events,Jquery Events,我想做的是一个HTML文件，它检测textArea是否写入了内容。为了显示它，我改变了背景色，所以当文本区域为空时使用灰色，当文本区域上写有内容时使用白色为此，我开发了以下代码：函数prueba（）{ if（document.getElementById（“text_1_3”）.value！=“”）{ document.getElementById（“text_1_3”）.style.background=“白色”； }否则{ document.getElementById（“text_1

我想做的是一个HTML文件，它检测textArea是否写入了内容。为了显示它，我改变了背景色，所以当文本区域为空时使用灰色，当文本区域上写有内容时使用白色

为此，我开发了以下代码：

函数prueba（）{
if（document.getElementById（“text_1_3”）.value！=“”）{
document.getElementById（“text_1_3”）.style.background=“白色”；
}否则{
document.getElementById（“text_1_3”）.style.background=“rgb（174170170）”；
}
}

文本区：

只需使用CSS更改颜色，不需要JavaScript

text区域：焦点{
背景色：#FFF；
}
text区域{
背景色：rgb（174170170）
}

基于@epascarello的答案，并做了一些更改，我得到了我想要的！代码如下：

<html>
Text Area: <textarea id="text_1_3" style="background-color:rgb(174,170,170)" onclick="prueba();"></textarea>
</html>
<script>
    var ta = document.querySelector("textarea")     
    ta.addEventListener("blur", function () {
        if (document.getElementById("text_1_3").value != "") {
            document.getElementById("text_1_3").style.background = "white";
        }
        else{
            document.getElementById("text_1_3").style.background = "rgb(174,170,170)";
        }
    })
</script>


文本区：
var ta=document.querySelector（“textarea”）
ta.addEventListener（“模糊”，函数（）{
if（document.getElementById（“text_1_3”）.value！=“”）{
document.getElementById（“text_1_3”）.style.background=“白色”；
}
否则{
document.getElementById（“text_1_3”）.style.background=“rgb（174170170）”；
}
})

谢谢您的回答！但我想我没有很好地解释我想要什么。问题是，我想改变背景颜色，这取决于它是否写了什么！完美的利用你的想法，做一些改变，我得到了我想要的！谢谢：）