Javascript &引用;用户选择:无";Firefox中的奇怪行为
我试图阻止在Firefox中对页面上的某些元素(而不是所有元素)突出显示文本。考虑以下事项:Javascript &引用;用户选择:无";Firefox中的奇怪行为,javascript,css,firefox,formatting,stylesheet,Javascript,Css,Firefox,Formatting,Stylesheet,我试图阻止在Firefox中对页面上的某些元素(而不是所有元素)突出显示文本。考虑以下事项: <div style="-moz-user-select: none;"> I cannot be highlighted <div style="-moz-user-select: text;"> I should be highlightable, but am not. </div> </div> …在上面的示例中,在we
<div style="-moz-user-select: none;">
I cannot be highlighted
<div style="-moz-user-select: text;">
I should be highlightable, but am not.
</div>
</div>
…在上面的示例中,在webkit浏览器中工作正常您可能需要尝试
onmousedown=“return false”
,如果您不想使用光标更改选择或指针,您可以更改光标:
Mozilla通知以下有关none
属性的信息:
元素和子元素的文本将显示为
无法选择。任何使用
然而,选择将包含这些
元素
阅读。更换
<div style="-moz-user-select: none;">
与
-moz user select
属性的状态表明-moz none
表示无法选择元素和子元素的文本,但可以使用-moz user select:text在子元素上启用选择代码>这是真的。但是,内部moz用户选择仍然没有正确应用。实际上,所有内容都可以高亮显示,但只有内部文本应该高亮显示。无论此属性做什么,内部div都是外部div的子元素。这并不能解决问题。我有一个web应用程序可以执行大量拖放操作。偶然的鼠标点击会导致高亮显示,这是无害的,但可能会让用户感到困惑。由于某些原因,这不起作用,您需要使用-moz user select:text。
<div style="-moz-user-select: none;">
<div style="-moz-user-select: -moz-none;">