在单击事件中双击时如何模拟突出显示文本

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

  //...
}

Answer 1

您需要整个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');
});

在单击事件中双击时如何模拟突出显示文本

问题描述

1 个解决方案

解决方案1
0 2018-09-14 08:28:05

在单击事件中双击时如何模拟突出显示文本

问题描述

1 个解决方案

解决方案1 0 2018-09-14 08:28:05

解决方案1
0 2018-09-14 08:28:05