Как смоделировать выделение текста при двойном щелчке с одним событием клика

Question

Как смоделировать выделение текста при двойном щелчке с одним событием клика

Я хочу смоделировать действие выделения на выделенном тексте, когда я дважды щелкаю по тексту, но только одним событием щелчка. Как мне это сделать? Я пытался с этим кодом, но не удалось

handleOnClick(event) {
  event.preventDefault();

  //i thought this suppose to trigger double click event 
  //and highlight the text under the mouse cursor
  event.target.dispatchEvent(new MouseEvent('dblclick', {bubbles:true}));

  //...
}

0

javascript html onclick ondoubleclick

Источник

user8671816 14 сен '18 в 08:16

1 ответ

Другие вопросы по тегам javascript html onclick ondoubleclick

user10338917 14 сен '18 в 08:28 2018-09-14 08:28 · Answer 1 · 2018-09-14 08:28

Вам нужен весь элемент div или только его часть? Вот решение, чтобы выделить весь div на событии двойного щелчка.

HTML
    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">
      <title>Highlight</title>
    </head>
    <body>
      <div id="text">Text to be highlighted</div>
    </body>
    </html>
CSS
    .highlight {
      background: yellow;
    }

JS
document.querySelector('#text')
  .addEventListener('dblclick', () => {
  document.querySelector('#text').classList.add('highlight');
});