禁用文本选择并添加例外

Question

如果我在 中使用这种样式，

onmousedown='return false;' onselectstart='return false;'

是否可以通过使用 javascript 作为输入文本区域和选择来给出例外？ 如果是的话你能告诉我怎么做吗？

Answer 1

实际上，您可以禁用文本选择，而无需使用繁琐的 JavaScript 事件处理程序。请参阅我的答案：如何使用 CSS 禁用文本选择突出显示？

摘要：在 IE 中使用 CSS 和不可选择 Expando。

CSS：

*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}

HTML：

<div id="foo" unselectable="on" class="unselectable">...</div>

Answer 2

您需要防止文本框和选择的事件冒泡。

您可以使用 :input 选择器选择所有输入、文本区域、选择和按钮元素。

类似

$(":input").bind("mousedown", function(e){
    e.stopPropagation();
});

查看工作演示