Fatal编程技术网

Javascript 模糊功能不工作

javascript jquery

Javascript 模糊功能不工作,javascript,jquery,Javascript,Jquery,我正在尝试使用模糊功能，但它不起作用。如果用户单击外部，我想隐藏div <div id="container"> Links </div> $(document.body).on('blur', '[id="container"]' ,function(){ $("#container").hide(); }); 链接 $（document.body）.on（'blur'，'id=“container”]'，function（）{ $（“#容器”）.hide（）；

我正在尝试使用模糊功能，但它不起作用。如果用户单击外部，我想隐藏div

<div id="container">
Links
</div>

$(document.body).on('blur', '[id="container"]' ,function(){
$("#container").hide();
});


链接
$（document.body）.on（'blur'，'id=“container”]'，function（）{
$（“#容器”）.hide（）；
});
正确的方法是什么？

这就是问题所在：

  • document.body
    应该是
    document
  • [id=“container”]
    应该是
    #container
    。更好的选择器
  • 没有
    模糊事件。因此，请使用
    单击
    事件，而不是
    模糊
    • tabindex
    方式：

    赋予属性
    tabindex
    可以使元素具有
    blur
    和
    focus
    事件。现在，对其进行
    blur
    将起作用

    片段

    $（document）.on（'blur'，'#container'，function（）{
$（“#容器”）.hide（）；
});

    #容器{高度：100px；背景：#ccc；}
    

    

    单击我和外部我
    什么是
    id=“container”
    ？这里没有所谓的
    document.body
    ，只有一个包含链接的div。不是输入<代码>文档。正文
    应为
    文档
    。2. 
    [id=“container”]
    应该是
    #container
    。3.
    没有
    模糊事件。因此，请使用
    单击
    事件而不是
    模糊
    。1-为什么？2-不，因为它是动态添加的，所以我需要使用它来让它工作。3-好的。不，没有那样的选择器。2.只是为了更好的选择。没什么区别。您已经在使用
    文档
    上的
    进行委派：）谢谢tabindex的作用是什么？我添加了以下内容：赋予属性
    tabindex
    可以使元素具有
    blur
    和
    focus
    事件。现在，对其进行
    blur
    将起作用。