text - Angular enable double click and mouseup simultaneously

Question

I need to be able to allow the user to do the two following types of text selection :

1. selecting one word by double clicking on it : I use (dblclick)

2. selecting multiple words by pressing left mouse button down and then release it up : I use (mouseup)

Those two work great separately. I just use window.getSelection().toString() in the TS to get the clicked word or selected text zone.

But what if I want the user to be able to double click on a word OR select a larger text zone ?

The result of using both dblclick and mouseup on the same div is that the function which gets the selected text is triggered three times when I double click (two time because the mouseup event is triggered two times and a third because of the double click event).

Any help would be more than welcomed !

Thanks and I wish you a very good day,

question from:https://stackoverflow.com/questions/65934792/angular-enable-double-click-and-mouseup-simultaneously

Answer 1

Waitting for answers