突出显示文本时如何禁用单击

Question

我有一个用例，我有一个带有可点击行元素的表格。每行都有一些我想让用户复制的文本。当我试图突出显示文本时，我想阻止 click 事件。

document.querySelector('tr').onclick = function () {
  window.alert(this.innerHTML);
}

table {
 border: 1px solid;
 margin-bottom: 10px;
}

td {
  padding: 10px;
}

<table>
  <tr>
   <td> This row is clickable </td>
  </tr>
</table>

<div>Try to highlight the text above by moving your cursor. I want to prevent click when you are trying to highlight the text which means you should not get the alert dialog.</div>

Answer 1

我认为这不是真的那样工作..它主要用于禁用收音机、复选框和其他...这里有一些代码

代码 1：

 <!DOCTYPE html>
<html>
<body>

Try to check this box: <input type="checkbox" id="myCheckbox">

<p>Toggling a checkbox is the default action of clicking on a checkbox. The 
preventDefault() method prevents this from happening.</p>

<script>
document.getElementById("myCheckbox").addEventListener("click", 
function(event){
  event.preventDefault()
});
 </script>

</body>
</html>

代码 2：

      <!DOCTYPE html>
      <html>
      <body>

      <a id="myAnchor" href="https://w3schools.com/">Go to W3Schools.com</a>

      <p>The preventDefault() method will prevent the link above from following the URL.</p>

      <script>
      document.getElementById("myAnchor").addEventListener("click", function(event){
        event.preventDefault()
      });
      </script>

      </body>
      </html>