Question

我正在制作一个表单，其中我在使用Class来使用偶数指针禁用输入：无，当我尝试单击正确的输入时，但是当我使用“ TAB”时，输入不可编辑”键，它的重点是输入，我可以编辑输入，如何防止焦点不应该使用Tab键放在输入上，而应该允许编辑输入。

sudo /etc/init.d/memcached restart

您的早期答复表示赞赏。.

Answer 1

pointer-events CSS规则仅影响指针事件（考虑鼠标事件，即使还有其他指针事件也是如此）。
通过键盘导航不是指针事件的一部分。

有些CSS规则应该可以在您遇到的情况下提供帮助，但是似乎没有一个规则可以正常工作，而且它们还是没有标准化。

例如，我会以为非标准的-moz-user-focus（仅在FF中）可以做到这一点，但事实并非如此。 user-select或非标准user-modify也不阻止它。
我发现的唯一方法实际上是通过HTML，同时设置readonly和tabindex="-1"属性（disabled也可以，但是通常带有一些暗淡的样式）：

input {
  pointer-events: none;
}
.no-focus {
  -moz-user-focus: none;
  -webkit-user-focus: none;
  -ms-user-focus: none;
  user-focus: none;
  -moz-user-modify: read-only;
  -webkit-user-modify: read-only;
  -ms-user-modify: read-only;
  user-modify: read-only;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

<input type="text" class="no-focus" value="CSS">
<input type="text" readonly value="readonly" tabindex="-1">

<pre>First click this iframe then try to navigate using TAB</pre>

指针事件-使用Tab键时，任何事件均不起作用

1 个答案: