How to skip certain text while allowing selection for surrounding text?

Asked Oct 23 '17 at 09:40

Active Oct 23 '17 at 10:16

Viewed 94 times

For example:

<div class="example">
    <span class="selectable">foo</span>
    <span class="unselectable">bar</span>
    <span class="selectable">hello</span>
    <span class="selectable">world</span>
</div>

When performing mouse selection from 'foo' to 'world' (a sentence or paragraph), I want the selected text to be 'foo hello world' with 'bar' skipped. How this may be accomplished?

The css trick user-select: none doesn't seem to work for this purpose.

asked Oct 23 '17 at 09:40

Zilong Li

I don't believe it's possible to do what you're attempting. – Rory McCrossan Oct 23 '17 at 09:43
Is it possible to get all mouse selected elements (rather than a text string), so that I can filter out unwanted elements, and then get the final text? – Zilong Li Oct 23 '17 at 09:48
@RoryMcCrossan I edited my answer, and I think it's working while selecting text, please take a look – Mehdi Bouzidi Oct 23 '17 at 09:55

How to skip certain text while allowing selection for surrounding text?

0 Answers0