javascript - -moz-user-focus 等效于 Chrome

Question

我有一个自定义模型对话框控件，用于我们网页中的任何弹出窗口。初始化此对话框时，页面的其余部分使用 jquery expose 变灰。我将以下样式添加到蒙版 div 以防止在灰色区域上进行选择。

  -moz-user-focus: ignore;
  -moz-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  user-select: none;

在对话框中，按“esc”键关闭对话框，按“enter”键的作用类似于单击“确定”或"is"按钮。但是如果用户点击灰色区域的任意位置；上面的 CSS 阻止焦点进入 Firefox 灰色区域中的任何控件。对于 IE，我以编程方式处理如下

  $('#exposeMask').attr("contenteditable", "false");
  $('#exposeMask').attr("unselectable", "on");

但对于 Chrome，上面的 css -webkit-user-select 阻止了选择但无助于阻止焦点。
我试图通过谷歌找到解决方案，但我认为没有找到任何有用的链接。是否有一些样式元素等同于 chrome 的 -moz-user-focus？

提前致谢， 中号

Answer 1

pointer-events: none;

应该这样做。