首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
V2EX  ›  问与答

下拉菜单实现问题

  •  
  •   zarte · 27 天前 · 405 次点击
    <div>
    <span class="btn">下拉菜单</span>
        <div class="dropmenu">
            <span>菜单一</span>
            <span>菜单二</span>
        </div>
    </div>
    
    

    想实现的效果,点击 btn,dropmenu 显示。点击页面其他 body 地方 dropmenu 消失。
    遇到的问题是如果点击 dropmenu 也会触发绑定到 body 的事件,这个如何解决?
    点击 dropmenu 里的菜单需要进行一些而外操作

    9 回复  |  直到 2019-05-25 14:51:10 +08:00
        1
    cydysm   27 天前
    ```
    <div>
    <span class="btn">下拉菜单</span>
    <div class="dropmenu">
    <span>菜单一</span>
    <span>菜单二</span>
    </div>
    </div>
    ```

    我先改下缩进
        2
    Hilong   27 天前 via Android
    @cydysm 哈哈哈,回复不支持 markdown,傻眼了吧
        3
    Hilong   27 天前 via Android
    冒泡捕获啊
        4
    Exia   27 天前   ♥ 1
    阻止菜单按钮冒泡就行
        5
    cydysm   26 天前 via iPhone
    @Hilong 改完以后…我看到就傻眼了
        6
    redbuck   26 天前 via iPhone
    还有个办法,菜单 show 才给 body 加监听,hide 就移除监听
        7
    redbuck   26 天前 via iPhone   ♥ 1
    @redbuck
    加监听是指关闭菜单的回调
        8
    zarte   26 天前
    @Exia 应该是这个,谢谢
        9
    zarte   26 天前
    @redbuck 不是这个,按楼上阻止冒泡应该可以。
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2471 人在线   最高记录 5043   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 19ms · UTC 14:22 · PVG 22:22 · LAX 07:22 · JFK 10:22
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1