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>