-moz-user-focus 等效于 Chrome答案

【问题标题】：-moz-user-focus equivalent for Chrome-moz-user-focus 等效于 Chrome
【发布时间】：2011-07-19 07:30:19
【问题描述】：

我有一个自定义模型对话框控件，用于我们网页中的任何弹出窗口。初始化此对话框时，页面的其余部分使用 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”键的作用类似于单击“确定”或“是”按钮。但是如果用户点击灰色区域的任何地方；上面的 css 可以防止焦点进入 Firefox 中灰色区域中的任何控件。对于 IE，我以编程方式处理如下

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

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

提前致谢， M

【问题讨论】：

Opera 和 Konqueror 怎么样？
我找到了解决此问题的方法。 Onclick 面具我正在将焦点重新设置回对话框。在 Chrome、Safari、IE、Firefox 中运行良好

标签： javascript css

【解决方案1】：

pointer-events: none;

应该可以的。

【讨论】：

pointer-events: none; 对通过制表符聚焦元素没有影响。