jquery 获取焦点失去焦点问题
代码如下:
function addBox(obj,num)
{
if(num==1)
{
if($(obj).children().length==0)
{
$(obj).append('<div id="tt" name="tt" cols="45" rows="5" class="textinput" contenteditable="true" onblur="addBox(tt,0);"></div>');
$("#tt")[0].focus();
}
}
else
{
if($(obj).children().length>0)
{
$(obj).children().remove();
}
}
}
做个类似QQ空间说说回复的功能,当点击回复加载一个div结构,我想在加载div的时候设置焦点光标出现在这个div里面,当鼠标点击其他区域也就是焦点消失的时候该结构隐藏,目前调试发现设置焦点后焦点就立刻消失了,div瞬间被隐藏,求解各位大神改怎么做这个效果!高分求教! jquery 鼠标
[解决办法]
Hi 朋友,你好,时间有点紧张,我也没仔细看你的代码,我给你做了一个Demo,发上去你看看吧,
Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Test</title>
<style type="text/css">
body
{
font-size: 11px;
font-family: "微软雅黑";
}
.divContent
{
width: 200px;
height: 100px;
overflow-y: auto;
border: 1px solid gray;
}
</style>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#btnTest").click(function () {
$("body").append('<div id="plsInput" contenteditable="true" class="divContent"></div>');
$("#plsInput").focus(function () {
})
$("#plsInput").blur(function () {
$(this).remove();
})
});
})
</script>
</head>
<body>
<button id="btnTest">
Test</button>
</body>
</html>