Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

JavaScript 模糊

In lại Tác giả: Walker 123 更新时间：2023-11-28 02:52:17 27 4
mua khóa gpt4 Nike

我正在学习 Javascript，我正在尝试创建一个简单的下拉菜单。我想要的功能的示例可以在 Google 主页的顶部菜单中看到，其中包含“更多”和“设置”下拉菜单。

我有一个使用 onclick() JS 事件处理程序设置为 display:inline 的 ul。当我单击页面上除当前可见的 ul 之外的任何其他位置时，如何使 ul 返回到 display:none？

我在 Google 上搜索过有关模糊并将焦点设置到另一个元素的信息，但我不知道如何实际执行。

我想直接使用 Javascript 来完成此操作，而不是 jQuery。

这是我使用的html:

  
     Some Text Boom A Link | More text 
     Another Link | more text

当用户单击链接的 之一时标签，

    它隐藏在 的正下方标签变得可见。我想要
      当用户单击
        以外的任何位置时，元素消失。

        biên tập:

        这是我的 JavaScript:

        function menu(id) {  
            var myLayer = document.getElementById(id);  
            if (myLayer.style.display == "none" || myLayer.style.display == "") {  
                myLayer.style.display = "block";  
            } khác {  
                myLayer.style.display = "none";  
            }  
        }

        Chỉnh sửa 2:

        Mã hoàn chỉnh:




        <đầu>

        Untitled 1







           
             Some Text Boom A Link | More text  
             Another Link | more text
        Xem sitemap của VNExpress

        câu trả lời hay nhất

        这实际上很简单。

        获得对要绑定(bind) blur 事件监听器的 DOM 元素的引用后，按如下方式分配它:

        myLayer.onblur = function() {
            myLayer.style.display = 'none';
        };

        关于JavaScript 模糊，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3518783/

        27 4 0
        Đề xuất bài viết: JavaScript 问题 - 在页面上加载所有 "tabs"显示，单击时它会像应该的那样折叠
        Đề xuất bài viết: javascript - CSS 媒体打印查询
        Đề xuất bài viết: HTML Bootstrap 将图像放入行内的列中
        Đề xuất bài viết: html - 背景图像未正确对齐
        Walker 123
        Hồ sơ

        Tôi là một lập trình viên xuất sắc, rất giỏi!

        Nhận phiếu giảm giá taxi Didi miễn phí
        Phiếu giảm giá taxi Didi
        Các bài viết phổ biến trên toàn bộ trang web
        Chứng chỉ ICP Bắc Kinh số 000000
        Hợp tác quảng cáo: 1813099741@qq.com 6ren.com