Question

我有这种奇怪的情况。首先，有一个模态，页面的其余部分被叠加隐藏：

<div class="overlay"></div>
.overlay {
 position: fixed;
 width: 100%;
 height: 100%;
 visibility: hidden; //visible when modal pops up of course
 top: 0;
 left: 0;
 z-index: 2900;
}

内部模态中有一些元素具有以下事件侦听器：

el.find('select').on('mousedown', function (e){
    if (event.which === 3) {
    ...popup window containing contenteditable div gets formed and added to modal, it gets el boundingClientRect data to sit tight on it. So far so good, but - 
    popup.focus();

不起作用。试过js + jquery并在页面上的任何地方放置弹出窗口，但是nada。它也不是控制台问题。触发弹出窗口上的单击结果为零。当我删除叠加所有作品。无法弄清楚原因......

重申层次 - 覆盖层覆盖了页面的其余部分，其中有一个模态（z-index：3000），弹出窗口被调用（z-index：3010）。

编辑：现在这里是小提琴 - https://jsfiddle.net/zumbauuo/

问题仍然存在。昨天在原始文档中，我能够在删除叠加div和保持模态结构时使用此代码专注于弹出窗口，但是今天 - 不是。所以我不知道该怎么想。

Answer 1

请尝试：

.on( "change", handler )

当模态叠加处于活动状态时，将焦点置于弹出输入

1 个答案: