Handling text selection event in Firefox extension (preventing user from selecting text)

Question

I was wondering if in chrome code we have some better way to detect when the user selects/highlights something in the current page than listening for keyup/mouseup and checking window.getSelection(). Any ideas?

edit: Actually, what I'm trying to do is simply preventing the user from selecting any text at all in the contentDocument. Something that accomplishes this will be fine as well. (The idea behind getting the selection event was just to preventDefault() or otherwise getSelection().removeAllRanges())

edit2: Please note that I need not just to prevent the highlighting from showing up, but rather the selection from happening.

edit3: I don't need to prevent copying but rather selecting the elements.

IE and Opera implement the unselectable attribute (btw) – Šime Vidas Mar 06 '11 at 16:46 — Šime Vidas, Mar 06 '11 at 16:46

MacGucky · Accepted Answer · 2011-08-02T07:51:14.353

If you put the following scipt in you body, selection will be disabled in Firefox:

<script type="text/javascript">
   document.body.style.MozUserSelect = "none";
   document.body.style.cursor = "default";
</script>

It does not only disable the highlight, it also disables the selection itself. If you try to select an area via mouse or by arrow-keys (clicking an position and navigating with arrow-keys while SHIFT is pressed) and and press STRG+C, nothing happens.

The only selection that works after that change is STRG+A (no selection visible, but STRG+A & STRG+C copys all). It might be possible to avoid that by keyboard-events.

Edit: I saw you comment with link to Mozilla Doc Center and while they write it controls only the appearance, all my tests in Firefox 3.6 show that it affects also the selection, not only the appearance. But it might be changed in future Releases...

Tim Down · Answer 2 · 2011-03-23T15:24:05.893

In the absence of suitable events such as select and selectstart (which are indeed absent in Firefox, which has the select event but only applies it to form controls), all you can do is use mouse and keyboard events, as you suggested in the question. Preventing the default action of all mousedown events in the document is no good because it will prevent all interactive elements such as links and form elements from working. Instead, you could do something like the following that zaps a selection as it is made using the mouse and keyboard.

It won't prevent selection via "Select All" in the context and edit menus though, since there is no way of detecting those at all in Firefox. If you need to deal with this, polling the selection is your only hope.

function killSelection() {
    window.getSelection().removeAllRanges();
}

document.addEventListener("mousedown", function(evt) {
    document.addEventListener("mousemove", killSelection, false);
}, false);

document.addEventListener("mouseup", function(evt) {
    document.removeEventListener("mousemove", killSelection, false);
}, false);

document.addEventListener("keydown", killSelection, false);

window.addEventListener("blur", function(evt) {
    document.removeEventListener("mousemove", killSelection, false);
}, false);

score 2 · Answer 3 · answered Jun 17 '11 at 07:38

2

You can use css

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;

answered Jun 17 '11 at 07:38

Blowsie

38,136
15
81
108

score 1 · Answer 4 · edited May 23 '17 at 12:04

1

You can use CSS to prevent the user selecting text. See my answer here: How to disable text selection highlighting using CSS?

To set this via JavaScript in Firefox, you can do the following:

document.body.style.MozUserSelect = "-moz-none";

edited May 23 '17 at 12:04

Community

1
1

answered Mar 06 '11 at 16:02

Tim Down

292,637
67
429
506

That disables only the appearance of text highlighting: (["Controls the appearance (only) of selection. This does not have any affect on actual selection operation."](https://developer.mozilla.org/en/CSS/-moz-user-select)). I really need to disable it completely. – CAFxX Mar 06 '11 at 16:32
@CAFxX: In which case you're back to checking key and mouse events (`keydown` and `mousedown` would be better than `keyup` and `mouseup`) in Firefox, which doesn't support the `select` or `selectstart` events for general selections. Even that isn't enough, since it's possible to alter the selection via other means, such as the "Select All" option in the Edit and context menus. – Tim Down Mar 06 '11 at 17:07

score 1 · Answer 5 · answered Mar 09 '11 at 00:49

1

The Copy command is enabled and disabled by an event. You can get notified of this event by creating a command updater.

<commandset commandupdater="true" events="select"
            oncommandupdate="setTimeout(selectNone, 0);"/>

answered Mar 09 '11 at 00:49

Neil

50,855
8
54
69

I need to downright disable the ability to select elements, not disabling the copy command. – CAFxX Mar 12 '11 at 15:46

Handling text selection event in Firefox extension (preventing user from selecting text)

5 Answers5

Linked