按下ESC按钮关闭layer弹层

最新推荐文章于 2023-10-14 14:03:48 发布

原创最新推荐文章于 2023-10-14 14:03:48 发布 · 2.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js

前端笔记专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一段使用jQuery实现的代码，当用户按下ESC键时，将关闭当前显示的弹层。此功能适用于各种网页应用中，提高用户体验。

// 按下ESC按钮关闭弹层
    $('body',document).on('keyup', function (e) {
        if (e.which === 27) {
           // console.log("按下esc");
            layer.closeAll();
        }
    });

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

路痴不脸盲

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

百度云音视频直播全屏时与layer弹框冲突问题的解决

this_ITBoy的博客

03-23

1209

前段时间项目中做视频直播用到了百度云的音视频直播LSS，由于需求需要在pc端要加一些自定义的按钮，因此需要把百度云播放器放在页面弹框里面，而layer算是比较好用的一款弹框插件，做出的效果图如图：弹框下面还有截图的功能，截图是用H5的canvas能直接截取video标签里内容drawImage()方法，点击截图按钮效果如图：保存按钮直接上传到服务器，可以看到图一背景还引入了百度地图...

layer.confirm点击第一个按钮关闭弹出框的方法

10-16

今天小编就为大家分享一篇layer.confirm点击第一个按钮关闭弹出框的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

参与评论您还未登录，请先登录后发表或查看评论

按Esc按钮关闭layer弹窗

weixin_30726161的博客

01-15

814

//按Esc关闭弹出框 $(document).ready(function () { }).keydown( 　　　function (e) { 　　　　if (e.which === 27) { 　　　　　layer.closeAll(); 　　　　 } }); 转载于:https://www.cnblogs.com/Tpf386/p/8289282....

LAYUI弹出层默认最大化，按ESC关闭弹出层

leiyanglove的博客

04-03

1371

【代码】LAYUI弹出层默认最大化，按ESC关闭弹出层。

layui键盘事件 Esc关闭当前弹窗

苏程宽的博客

11-15

3034

//按Esc关闭弹出框 $(document).ready(function () { }).keydown( function (e) { if (e.which === 27) { layer.closeAll(); } });

layer 弹窗,enter 、esc 按键监听确定、取消事件

男神的专栏

10-14

1250

最近做新项目，测试提出，要给系统所有的弹窗设置enter 按键的确定绑定。由于之前做项目的时候没有考虑这方面，所以页面模块有很多弹窗，心想着这也不能一个个的增加监听事件啊，而且弹窗的类型还都不一样，所以就想着有没有类似公共方法的调用的方式。其中，把 layer 的方法success 和 end，定义在公共文件中的一个叫enterEsc_event 的对象里面。链接：https://www.jianshu.com/p/7048865e43ce。环境二是考虑到你可能要对这个弹窗写其他的一些属性和方法的情况。

layui enter/esc 按键控制确认/取消

qq_39173779的博客

01-14

1267

$.modalConfirmWithEnter = function (content, callBack, btnText) { $.top().layer.confirm( content, { icon: 'fa-exclamation-circle', title: '系统提示', btn: btnText ? btnText : ['确认', '取消'], cancel: function (index, layero) { callBack(false)

为layer.photos相册层添加关闭按钮的实现方法

然而，在早期版本或默认配置下，该相册层可能并未默认开启显式的关闭按钮，导致用户只能通过点击遮罩层或者按ESC键等方式退出，这在移动端或对操作不熟悉的用户群体中可能会造成困扰。为了解决这一问题，本文介绍...

原生js弹层

最新发布

04-09

好的，用户想用原生JavaScript实现弹层效果。首先，我需要回忆一下弹层的基本结构... 添加ESC关闭支持： ```javascript document.addEventListener('keydown', (e) => { if (e.key === 'Escape') close(); }); ```

基于jQuery的layer弹框插件功能详解

layer是一款轻量级但功能强大的Web弹层组件，支持多种类型的弹窗，包括alert警告框、confirm确认框、prompt输入框、iframe嵌套窗口、页面层、tips提示层等，并具备高度可配置性、动画效果、响应式设计以及良好的...

jQuery.layerModel.js 前端模态框插件开发工具

例如，开发者可以通过类似 `$('#myModal').layerModel(options)` 的语法初始化模态框实例，并传入配置参数对象 `options` 来定制行为，比如设置标题、内容、按钮文本、是否可关闭、宽度高度、出现动画类型等。...

javascript实现esc关闭页面

05-12

javascript实现esc关闭页面

00007-layui 按下Escape 退出弹出层layer

05-20

422

layui 按下Escape 退出弹出层layer 在common.js ，即顶层页面中监听事件： window.onkeyup=function(ev){ var key=ev.keyCode||ev.which; if(key==27){ //按下Escape layer.closeAll(); //疯狂模式，关闭所有层 if(parent){ parent.layer.closeAl

layui弹出层，点击关闭按钮确无法关闭

qq_43026148的博客

05-24

1070

layui弹出层，前2次可正常关闭，但是从第3次开始无论点击什么，都只是出现一个遮罩，无法点击其他，但是esc可正常关闭弹出层不清楚原因将遮罩关闭，就正常了

layui中，关闭layer弹窗的多种方法

陌小白的博客

07-07

1万+

在用layui做数据交互或其他业务功能时需要关闭指定的layer弹窗，以下是结合官方文档以及网友帖子整里的多种方法！ layer.close(index) - 关闭特定层 //当你想关闭当前页的某个层时 var index = layer.open(); var index = layer.alert(); var index = layer.load(); var index = layer.tips(); 每一种弹层调用方式，都会返回一个index layer.close(inde.

Layui 子页面：需要关闭当前弹窗（子页面）