How do I disable text selection with CSS or JavaScript?
How do I disable text selection with CSS or JavaScript?
Ask by Revati S Misra
Updated 04 Dec 2023
In CSS, you can disable text selection with below code:
/* Disable text selection for the entire document */
body {
user-select: none;
}
/* Disable text selection for a specific element */
.disable-selection {
user-select: none;
}
In JS you can do same by following code:
// Using event listeners to prevent default behavior for text selection events
function disableTextSelection() {
document.addEventListener('selectstart', function (e) {
e.preventDefault();
});
document.addEventListener('contextmenu', function (e) {
e.preventDefault();
});
}
// Call the function to disable text selection
disableTextSelection();
I hope it will helps you.
Thanks