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

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

0 голосов
/ 14 сентября 2018

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

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}));

  //...
}

1 Ответ

0 голосов
/ 14 сентября 2018

Вам нужен весь элемент 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');
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...