Home > Developer > JavaScript
How to use JS to make the text in HTML not selectable? The first way to think about this is to use a CSS selector, as follows:
-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;- Ms-user-select:none;user-select:none;
The first thing to think about is:
<!doctype html>This makes it possible to complete HTML text without the option, and if you are using jquery you can also extend the jquery plugin in a way that implements:
<!doctype html>
Or:(function ($) {$.fn.disableselection = function () { return This.each (function () { if () {typeof This.onselectstart ! = ' undefined ') { This.onselectstart = function () {return false;}; } else if (typeof This.style.MozUserSelect!) = ' undefined ') { this.style.MozUserSelect = ' none '; } else { This.onmousedown = function () {return false;}; } });};}) (jQuery); $ (document). Ready (function () { $ (' label '). Disableselection (); Or to make everything unselectable $ (' * '). Disableselection ();});
OK, so you can basically be compatible with all browsers.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
