焦点为模式叠加处于活动状态时的弹出输入

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 )