不会丢失jquery的焦点事件

Question

我有这个html:

<div style="display:none" id="myDiv">
 <a href="javascript:adToText('some text 1')">click me</a><br>
 <a href="javascript:adToText('some text 2')">click me</a><br>
 <a href="javascript:adToText('some text 3')">click me</a><br>
</div>
<textarea id="myText">
 hey
</textarea>
javascript:
$("textarea").live("focus",function(){
 $("#myDiv").css("display","block");
});
$("textarea").live("blur",function(){
 $("#myDiv").css("display","none");
});

在textarea focus我设置div的样式为display:block，所以我们可以click的javascript链接脚本将添加文本到textarea

在textarea blur我设置div样式为display:none

我需要看到div链接，这样我就可以添加它们超过1次但是，当我输入click链接时，div设置为display:none因为我是textarea的focusedout

Answer 1

您可以这样做来防止焦点丢失:

$('a').mousedown(function() { return false; })
      .click(function() { alert('works'); });

代码:http://jsfiddle.net/2qMFX/7/

Answer 2

我建议您让用户按需关闭div 。这意味着在对<textarea>输入焦点时，将显示div，而在div上有一个关闭按钮，用户可以单击并关闭该按钮。