首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

jquery 获取焦点失去焦点有关问题

2013-10-23 
jquery 获取焦点失去焦点问题代码如下:function addBox(obj,num){if(num1){if($(obj).children().length

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>

热点排行