Disable User Selection

by Michael Mickelson

HTML

<div id="js-onselectstart">
  This div is not selectable
</div>

<div id="js-ondragstart" draggable="true">
  This div is not selectable
</div>

<div id="css">
  This div is not selectable
</div>

CSS

div {
  cursor: default;
  margin: 5px;
  padding: 5px;
  background-color: #ddd;
}

#css {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

JavaScript

document.getElementById("js-onselectstart").onselectstart = function() {
  return !1;
};

document.getElementById("js-ondragstart").ondragstart = function() {
  return !1;
};