javascript - 模态叠加处于事件状态时聚焦到弹出输入

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)。

编辑:现在这是 fiddle - https://jsfiddle.net/zumbauuo/

问题仍然存在。昨天在原始文档中，当删除覆盖 div 并保持模态结构时，我能够使用此代码获得弹出窗口的焦点，但是今天 - 不是。所以我不知道该怎么想了。

Answer 1

请尝试:

.on( "change", handler )