JSFiddle - React, Tailwind, and code Playground
HTML
<div class="post-content">
<p>Texto que no se puede seleccionar.</p>
<p>El click derecho está desactivado en el post (rectángulo rojo).</p>
</div>
<p>Texto que se puede seleccionar.</p>
CSS
.post-content {
/* Desactivar selección */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Estilo */
padding: 10px;
border: 2px dashed red;
}
JavaScript
(function() {
'use strict';
document.body.addEventListener('contextmenu', function(e) {
let post = e.target.closest('.post-content');
if (!post) {
return;
}
e.preventDefault();
});
})();