jquery 取消文本选中

.unselectable {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none; /* Standard */
}

<div class="unselectable">
  This text cannot be selected.
</div>

<div id="unselectable">
  This text cannot be selected.
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    $('#unselectable').on('mousedown', function(e) {
      e.preventDefault();
    });
  });
</script>

<div id="unselectable">
  This text cannot be selected.
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    $('#unselectable').css('user-select', 'none').on('mousedown', function(e) {
      e.preventDefault();
    });
  });
</script>