JQuery模糊事件

Question

我有一个文本区域和一个窗体上的“添加”按钮。默认情况下，文本区域显示为收缩并变灰。重点将通过改变风格来突出显示。在模糊时，它应该回到之前的状态。除突出显示textarea外，添加注释应切换为可见和隐藏。问题是，当我在文本区域输入数据并单击添加按钮时，模糊事件隐藏添加按钮，添加按钮上的事件从不触发。任何解决方案？

好像我的问题是不明确...... 该解决方案是一样的东西，只是接下来的重点元素不是“添加”按钮执行模糊事件......

Answer 1

如果有文本输入可以安全地假设您不想切换按钮，因为用户有输入笔记的意图？如果是这样，你可以做这样的事情：

$(textBox).blur(function() { 
    if($(this).val().length == 0) { 
    //change the style 
    //hide the button 
    } 
}) 

Answer 2

之间放一个小的延迟焦点离开文本框和按钮被隐藏，例如

function textBox_blur(evt) 
{ 
    window.setTimeout(
     function() { button.style.display = 'none'; }, 
     200 // length of delay in milliseconds 
    ); 
} 

这会留下足够的时间点击过程（虽然你可能会希望延迟的长度玩）

Answer 3

您需要unhighlight您的textarea和隐藏的“添加”按钮只如果没有什么textarea的进入：

$('textarea').blur(function() { 
    if($(this).val() != '') { 
     // unhighlight textarea 
     // hide "add" button 
    } 
}); 

这样，用户总是能看到现场和按钮，如果他们真的输入了什么东西进去，不管它是否已集中与否。