V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
imherer
V2EX  ›  前端开发

如何实现使用 Vue+ElementPlus 在 Chrome 全屏时按下 ESC 是关闭弹窗而不是退出全屏

  •  
  •   imherer · 12 天前 · 432 次点击

    最近有个项目使用 Vue3+ElementPlus ,其中有很多 dialog 弹窗,elementPlus 默认可以使用 ESC 关掉这个弹窗,但是在全屏下按 ESC 是退出全屏而不是关闭弹窗。

    全屏使用的是screenfull这个库

    如果使用 Chrome 自带的 F11 全屏它是 按住 ESC 才退出,而screenfull按下 ESC 就退出

    各位前端大佬有什么解决办法吗?

    4 条回复    2024-11-04 12:40:13 +08:00
    shadowyue
        1
    shadowyue  
       12 天前
    不如直接把 elementPlus 按 ESC 关闭 dialog 这个功能开关关了?
    zack5337
        2
    zack5337  
       12 天前
    监听事件了 event.key === 'Escape'
    imherer
        3
    imherer  
    OP
       12 天前
    @shadowyue 不能关,需求上要这个功能的嘛。我也想关
    imherer
        4
    imherer  
    OP
       12 天前
    @zack5337 emmm ,我试试
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2916 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 13:44 · PVG 21:44 · LAX 05:44 · JFK 08:44
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.