当前位置: 首页 > 面试题库 >

如何模糊div元素?

宗政卓
2023-03-14
问题内容

我在DIV中有一个下拉菜单。

我希望用户单击其他任何位置时下拉菜单都隐藏。

$('div').blur(function() { $(this).hide(); }

不管用。

我知道.blur仅适用<a>于这种情况,但是在这种情况下,最简单的解决方案是什么?


问题答案:

我认为问题在于div不会触发该onfocusout事件。您需要捕获主体上的单击事件,然后确定目标是否为菜单div。如果不是,则用户单击了其他位置,并且需要隐藏div。

<head>
  <script>
  $(document).ready(function(){
    $("body").click(function(e) {
      if(e.target.id !== 'menu'){
        $("#menu").hide();
      }      
    });
  });
  </script>
  <style>#menu { display: none; }</style>
</head>

<body>
  <div id="menu_button" onclick="$('#menu').show();">Menu....</div>
  <div id="menu"> <!-- Menu options here --> </div>

  <p>Other stuff</p>
</body>


 类似资料:
  • 问题内容: .content { 如果我不想使按钮模糊,我该怎么办? 问题答案: 如何禁用子元素上的模糊?

  • 如果我不想模糊按钮,我需要做什么?

  • 在CSS中使用filter:blur()函数时出现问题。首先,它不会出现,其次它会模糊整个DIV。 编辑:现在用图像和其他css编辑,我之前没有包括。 这是我的HTML/CSS:

  • 问题内容: 我正在尝试在Java游戏中实现模糊机制。如何在运行时创建模糊效果? 问题答案: 请参阅/ Google“卷积滤镜”,这是一种根据周围像素值更改像素值的方法。因此,除了模糊之外,您还可以进行图像锐化和寻线。

  • 问题内容: 基本上 在一个活动中,我有一个ListView。当我选择一个项目时,一个透明活动将作为一个小框打开。出现此框时,您仍然可以查看以前的活动屏幕, 我要弄清楚的是如何使上一个屏幕变得模糊,例如此处链接的图像(忽略UI,只看模糊的草皮区域)。 这怎么可能? 感谢您的任何建议。 问题答案: 对于API <14,您可以使用该标志,但是已弃用该标志,并且高级API不再支持内置模糊处理 但是,您可以

  • 问题内容: 是否可以将模糊应用于HTML元素(div和img)? 我只为iPad开发,所以跨浏览器兼容性不是问题,我可以使用HTML5 CSS3技术。 我知道如何模糊文本,但是此CSS不会模糊实际的HTML元素或其边框: 我用谷歌搜索,但是它不会模糊浏览器中的图像: 问题答案: 我今天看到了一个很酷的教程的模糊与CSS内容S,S,不透明度和颜色。