当前位置:首页 > 编程 > HTML代码 > 正文内容

layer子窗体热键关闭及动态调整大小

<script>
//设置高度
    const layerIndex = parent.layer.getFrameIndex(window.name)
    parent.layer.style(layerIndex,{
        height: '205px',
        top: '180px',
    })
    // 获取 iframe 并设置其高度
    const iframe = parent.document.getElementById('layui-layer-iframe' + layerIndex);
    if (iframe) {
        iframe.style.height = '205px'; // 设置 iframe 的高度
    }
</script>
<script>
$(document).ready(function() {
    // 页面加载后立即聚焦到 body 或某个元素
    $('body').focus();
    
    // 或者聚焦到一个隐藏的 input 确保事件捕获
    $('<input type="text" style="position:absolute;opacity:0;top:-1000px;">')
        .appendTo('body')
        .focus()
        .blur(); // 立即失去焦点但不影响事件监听
    
    $(document).keydown(function(e) {
        if (e.keyCode === 27) {
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
            return false; // 阻止事件冒泡
        }
    });
});
</script>


返回列表

上一篇:layer子窗体ESC键关闭

没有最新的文章了...

“layer子窗体热键关闭及动态调整大小” 的相关文章

TWCMS inquirysubmit.htm代码

[password]{inc:header.htm} <div class="section">     <div class="breadcrumb-area"> &n...

inc-inquiry.htm

[password]<div class="contact-form-wrapper contact-form">     <form action="/index.php?cat...

setting_inquiry.htm

[password]路径/admin/view/default/setting_inquiry.htm {inc:header.htm} <div class="m"> <div class="p">...

admin_control.class.php

admin_control.class.php

[password]路径/admin/control/admin_control.class.php 'setting-inquiry'=>array('name'=>'询盘功能接口', 'p'=>...

PHP 当前屏幕宽高

<?phpif (isset($_GET['width']) AND isset($_GET['height'])) {    // output the geometry variables    echo "...

文章生成PDF

FUSIONAPP 生成APK的调用浏览器下载PDF文件代码:-- -- @author 寒歌 -- @description Main是应用的主模块,其中注册了应用运行中UI事件的回调、Activity生命周期的回调等 -- 你也可以在此编写...