jquery - 禁用网页上的选择，但不能在表单上禁用选择，否则人们无法通过鼠标选择输入字段

Question

我想做的是使整个页面不可选择，我已经这样做了:

$('*').disableSelection();

但是，当您填写表单时，您无法通过单击来选择它，因为我已将代码更改为:

$('*:not(input)').disableSelection();

但这也不起作用...我尝试为$('input')调用enableSelection()，但这也无法覆盖disableSelection...有什么想法吗？

Answer 1

这是一个非常糟糕的主意，执行起来既困难又需要占用大量 CPU 资源。

.disableSelection() 将禁用当前元素及其所有子元素的选择，因此即使您忽略选择器中的某些元素，如果其父元素已禁用其选择，这些元素也将无法选择.

为什么禁用整个文档的选择不仅是一个坏主意，而且是一个不好的做法，因为它会妨碍可用性。这应该保留给一些非常具体的情况，例如提高安全性或实现验证码等垃圾邮件防护；那么你可能不得不减少可用性。

创建 .disableSelection 方法的目的是为了忽略选择不相关的内容，例如特定的 ui 元素，如选项卡、按钮或其他描述性 ui 元素。所以这实际上是提高可用性的问题，而不是阻碍它。

最后，这远不是阻止用户选择您的内容的有保证的方法，只会让他们感到恼火并且不太可能返回。