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”键关闭对话框，按“输入”键就像点击“确定”或“是”按钮一样。但是，如果用户点击灰色区域的任何位置;上面的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;

应该这样做。

-moz-user-focus等效于Chrome

1 个答案: