Javascript 使div在文本区域的焦点上淡出

我有一个div，我希望在单击/聚焦某个文本区域时使用JavaScript将其淡出。这可能吗

文本区HTML

<label for="message">Message:</label>
    <textarea name="message" id="message" wrap="physical" 
         placeholder="What's on your mind?">
    </textarea>

试试这个：

$("#message").focus(function() {
    $("#bubble").fadeOut();
}).blur(function() {
    $("#bubble").fadeIn();
});​

它将两个事件绑定到文本区域，一个绑定到

focus

事件，另一个绑定到

blur

事件。

---

如果您不想让它淡入，请删除

.blur

部分。

您到底不知道怎么做？指定要使用的元素？处理元素上的点击？淡入淡出一个元素？我已经尝试使用我当前的淡入淡出JavaScript用于站点的另一个区域（当用户滚动超过某个点时，会出现一个div），但我不知道如何让它识别textarea何时处于焦点，作为JavaScript开始的事件。@Mat-我甚至不知道这是否可能，首先，我提出了一个模糊的疑问。我已经使用了一些fadein/out JavaScript，但如果可能的话，我不知道如何指定它在文本区域的焦点上触发+1还请注意，当单击文本区域时，您不必处理单击事件，因为无论如何都会触发

焦点

。您能告诉我，气泡div是否需要与文本区域位于同一个包含div内？我很难让它工作。Live站点是www.jamesperrett.co.uk/testsite，气泡/textarea可以在联系人表单部分看到。我给你的代码是通过ID访问textarea和div，因此它们可以在文档中的任何位置。但当我用Chrome测试它的时候，它确实起了作用。我试过这个，但似乎根本不能让它起作用。你知道我哪里出了问题吗？www.jamesperrett.co.uk/testsite

#bubble{
    width:201px;
    height:189px;
    position:absolute;
    left:416px; 
    top:300px; 
    z-index: 99;
    overflow:visible;
}

$('#message').bind('focus', function(){
    $('#bubble').fadeOut();
 });

$("#message").focus(function() {
    $("#bubble").fadeOut();
}).blur(function() {
    $("#bubble").fadeIn();
});​