{"id":1460,"date":"2025-03-22T14:06:53","date_gmt":"2025-03-22T07:06:53","guid":{"rendered":"https:\/\/siammakemoney.com\/?p=1460"},"modified":"2025-07-20T16:05:34","modified_gmt":"2025-07-20T09:05:34","slug":"javascript-impide-la-copia","status":"publish","type":"post","link":"https:\/\/siammakemoney.com\/es\/javascript-impide-la-copia\/","title":{"rendered":"10 C\u00f3digos JavaScript para evitar la copia \u274c No copie texto en el sitio web."},"content":{"rendered":"<h2 class=\"wp-block-heading has-text-color has-link-color wp-elements-9ddc246898192c7c037fd05431606d7d\" style=\"color:#ab3a17\">C\u00f3digo anticopia<\/h2>\n\n\n\n<p>C\u00f3digo JavaScript: No copie el texto en el sitio web. No haga clic derecho. No cubra el texto. Si desea evitar que los usuarios copien o peguen contenido en su sitio web, puede usar JavaScript para evitar la selecci\u00f3n de texto y deshabilitar el comando Copiar. Puedes utilizar el siguiente c\u00f3digo:<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-green-color has-text-color has-link-color wp-elements-0abcf1b0ded62039cb611b405359f367\" style=\"font-size:24px\">1. Evitar arrastrar + prohibir Ctrl + A, C en un solo c\u00f3digo.<\/h3>\n\n\n\n<pre class=\"wp-block-code has-layout-color has-primary-background-color has-text-color has-background has-link-color wp-elements-3f97c424596f8f73de310cff29145e61\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>&lt;script&gt;\nfunction disableselect(e) {\n    return false;\n}\nfunction reEnable() {\n    return true;\n}\n\ndocument.onselectstart = new Function (\"return false\");\nif (window.sidebar) {\n    document.onmousedown = disableselect;\n    document.onclick = reEnable;\n}\n\ndocument.addEventListener(\"keydown\", function (event) {\n    if (event.ctrlKey &amp;&amp; (event.key === \"a\" || event.key === \"c\")) {\n        event.preventDefault();\n        alert(\"<em>Sorry! This command cannot be used.<\/em>\");\n    }\n});\n&lt;\/script&gt;<\/code><\/pre>\n\n\n<style scoped>\n            .gc-box{margin-bottom:30px;padding:20px;border-left:5px solid transparent;line-height:24px}.gc-box .label-info{background-color:#5bc0de;display:inline-block;margin:0 5px 10px 0;padding:3px 6px;font-size:75%;font-weight:700;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;line-height:14px}.gc-box.green_type{color:#3c763d;background-color:#dff0d8;border-color:#cae6be}.gc-box.blue_type{color:#31708f;background-color:#d9edf7;border-color:#bcdff1}.gc-box.red_type{color:#a94442;background-color:#f2dede;border-color:#e8c4c4}.gc-box.grey_type{background:#ddd;border-color:#ccc;color:#444}.gc-box.info_type{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.gc-box.info_type svg{fill:#30a030}.gc-box.download_type{color:#004085;background-color:#cce5ff;border-color:#b8daff}.gc-box.download_type svg{fill:#3a9aff}.gc-box.update_type{color:#004458;background-color:#d9edf7;border:1px solid #bce8f1}.gc-box.notice_type{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.gc-box.notice_type svg{fill:#f7a000}.gc-box.error_type{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.gc-box.error_type svg{fill:#c70000}.gc-box.border_type{border:2px solid #ddd}.gc-box.icon_type{display:flex}.gc-box.icon_type .gc-box-icon{width:28px}.gc-box.icon_type .gc-box-text{flex-grow:1;margin:0 15px}.gc-box-text > *{margin-bottom: 20px;}\n        .gc-box-text > *:last-child{margin-bottom:0}        \n        <\/style><div class=\"gc-box border_type\" style=\"text-align:left;border-radius:20px;box-shadow: 0 10px 10px #00000007\">\n\t\t\t<div class=\"gc-box-icon\"><\/div>\n\t\t\t\n\t\t\t<div class=\"gc-box-text\">\n\n<p>Este c\u00f3digo utiliza JavaScript para evitar la selecci\u00f3n de texto y deshabilitar ciertos atajos de teclado (como Ctrl+A y Ctrl+C) en una p\u00e1gina web. El c\u00f3digo funciona as\u00ed:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><code>deshabilitar selecci\u00f3n(e)<\/code><\/strong> \u2192 Usar para restaurar <code>FALSO<\/code> Para evitar la selecci\u00f3n de texto<\/li>\n\n\n\n<li><strong><code>reEnable()<\/code><\/strong> \u2192 Restaurar <code>verdadero<\/code> Para habilitar nuevamente el clic (usado en algunos navegadores antiguos)<\/li>\n\n\n\n<li><strong><code>documento.onselectstart<\/code><\/strong> \u2192 Es un controlador de eventos que se ejecuta cuando se inicia la selecci\u00f3n de texto (<code>seleccionar inicio<\/code>)<\/li>\n\n\n\n<li><strong><code>nueva Funci\u00f3n(&#034;devuelve falso&#034;)<\/code><\/strong> \u2192 Cerrar la selecci\u00f3n de texto restableciendo <code>FALSO<\/code><\/li>\n\n\n\n<li><strong><code>ventana.barra lateral<\/code><\/strong> \u2192 \u00daselo para comprobar si el navegador est\u00e1 <strong>Firefox<\/strong> (El antiguo navegador de Mozilla)<\/li>\n\n\n\n<li><strong><code>document.onmousedown = deshabilitar selecci\u00f3n;<\/code><\/strong> \u2192 Deshabilitar la selecci\u00f3n de texto cuando se presiona el mouse<\/li>\n\n\n\n<li><strong><code>document.onclick = volver a habilitar;<\/code><\/strong> \u2192 Habilitar clic (para evitar bloquear cada clic)<\/li>\n\n\n\n<li><strong><code>evento.ctrlKey<\/code><\/strong> \u2192 Compruebe que el bot\u00f3n <code>Control<\/code> \u00bfEst\u00e1s siendo reprimido?<\/li>\n\n\n\n<li><strong><code>evento.clave === &#034;a&#034;<\/code><\/strong> \u2192 Verificar si el usuario presion\u00f3 <code>Ctrl + A<\/code> (Seleccionar todo)<\/li>\n\n\n\n<li><strong><code>evento.clave === &#034;c&#034;<\/code><\/strong> \u2192 Verificar si el usuario presion\u00f3 <code>Ctrl + C<\/code> (Copiar)<\/li>\n\n\n\n<li><strong><code>evento.preventDefault();<\/code><\/strong> \u2192 Bloquear el funcionamiento de las teclas de acceso directo<\/li>\n\n\n\n<li><strong><code>alert(&#034;\u00a1Lo sentimos! Este comando no se puede utilizar.&#034;);<\/code><\/strong> \u2192 Mostrar mensaje de notificaci\u00f3n<\/li>\n<\/ul>\n\n<\/div>\n\t\t<\/div>\n\n\n<h3 class=\"wp-block-heading has-green-color has-text-color has-link-color wp-elements-f05beb1564599da669224d4ea6ac6d52\" style=\"font-size:24px\">2. No arrastre ni cubra el texto.<\/h3>\n\n\n\n<pre class=\"wp-block-code has-layout-color has-primary-background-color has-text-color has-background has-link-color wp-elements-26e4dcdbe525e5ad218b02ce5cbc06c3\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>&lt;script&gt;\ndocument.addEventListener(\"selectstart\", function (event) {\n    let target = event.target;\n\n    \/\/ Disable text selection for other sections\n    event.preventDefault();\n});\n\n&lt;\/script&gt;<\/code><\/pre>\n\n\n<div class=\"gc-box border_type\" style=\"text-align:left;border-radius:20px;box-shadow: 0 10px 10px #00000007\">\n\t\t\t<div class=\"gc-box-icon\"><\/div>\n\t\t\t\n\t\t\t<div class=\"gc-box-text\">\n\n<p>\u0e43\u0e0a\u0e49 document.addEventListener(&#8220;selectstart&#8221;, function (event) {\u2026})<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Captura el evento <code>&#034;seleccionar inicio&#034;<\/code><\/strong> Esto ocurre cuando el usuario intenta seleccionar texto.<\/li>\n\n\n\n<li><strong><code>evento.preventDefault();<\/code><\/strong> \u2192 Deshabilitar la selecci\u00f3n de texto en todas las p\u00e1ginas web<\/li>\n<\/ul>\n\n<\/div>\n\t\t<\/div>\n\n\n<h3 class=\"wp-block-heading has-green-color has-text-color has-link-color wp-elements-63de42e2942f97ae1e946118b0435333\" style=\"font-size:24px\">3. No cubra el texto y excluya algunas clases.<\/h3>\n\n\n\n<pre class=\"wp-block-code has-layout-color has-primary-background-color has-text-color has-background has-link-color wp-elements-dabd3e7bd443f84d8930c514c548cc2f\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>&lt;script&gt;\ndocument.addEventListener(\"selectstart\", function (event) {\n    let target = event.target;\n\n    \/\/ <em>Check if the target class starts with \"wp-block-code\".<\/em>\n    while (target) {\n        if (target.classList &amp;&amp; &#91;...target.classList].some(cls =&gt; cls.startsWith(\"wp-block-code\"))) {\n            return; \/\/ <em>Allow text selection<\/em>\n        }\n        target = target.parentElement;\n    }\n\n    \/\/ <em>Disable text selection for other sections<\/em>\n    event.preventDefault();\n});\n\n&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center has-text-color has-link-color wp-elements-4da43a84a810eaf23f1fc7ff102e41e6\" style=\"color:#e39427\">For  Child Theme WordPress  &#8211; functions.php<\/h4>\n\n\n\n<pre class=\"wp-block-code has-layout-color has-primary-background-color has-text-color has-background has-link-color wp-elements-ebf393a94a1cbdb45990aaf5b7ed9bf3\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>function custom_child_theme_selection_script() {\n    wp_register_script('child-selection-handler', false);\n    wp_enqueue_script('child-selection-handler');\n\n    $script = &lt;&lt;&lt;JS\ndocument.addEventListener(\"selectstart\", function (event) {\n    let target = event.target;\n\n    while (target) {\n        if (target.classList &amp;&amp; &#91;...target.classList].some(cls =&gt; cls.startsWith(\"wp-block-code\"))) {\n            return;\n        }\n        target = target.parentElement;\n    }\n\n    event.preventDefault();\n});\nJS;\n\n    wp_add_inline_script('child-selection-handler', $script);\n}\nadd_action('wp_enqueue_scripts', 'custom_child_theme_selection_script');\n<\/code><\/pre>\n\n\n<div class=\"gc-box border_type\" style=\"text-align:left;border-radius:20px;box-shadow: 0 10px 10px #00000007\">\n\t\t\t<div class=\"gc-box-icon\"><\/div>\n\t\t\t\n\t\t\t<div class=\"gc-box-text\">\n\n<p><strong>Captura el evento <code>&#034;seleccionar inicio&#034;<\/code><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Se produce cuando el usuario intenta arrastrar para seleccionar texto.<\/li>\n<\/ul>\n\n\n\n<p><strong>Comprueba si el usuario est\u00e1 intentando seleccionar texto en <code>&lt;pre class=\"wp-block-code\"&gt;<\/code> O no<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>usar <code>mientras (objetivo)<\/code> Para comprobar el elemento y el elemento padre<\/li>\n\n\n\n<li>si <code>objetivo<\/code> tener <code>clase<\/code> en <strong>Empezando con<\/strong> <code>&#034;c\u00f3digo de bloque wp&#034;<\/code> \u2192 <strong>Permitir selecci\u00f3n de texto<\/strong><\/li>\n\n\n\n<li>usar <code>objetivo.classList.some(cls =&gt; cls.startsWith(&#034;wp-block-code&#034;))<\/code> Para comprobar<\/li>\n<\/ul>\n\n\n\n<p><strong>Si no se selecciona en <code>c\u00f3digo de bloque wp<\/code> \u2192 Cerrar selecci\u00f3n de texto<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>evento.preventDefault();<\/code> Deshabilitar la selecci\u00f3n de texto en todas partes <strong>excepto<\/strong> <code>c\u00f3digo de bloque wp<\/code><\/li>\n<\/ul>\n\n<\/div>\n\t\t<\/div>\n\n\n<h3 class=\"wp-block-heading has-green-color has-text-color has-link-color wp-elements-5324f0243efa45d5002df213d37cb2c8\" style=\"font-size:24px\">4. C\u00f3digo de protecci\u00f3n contra copia en p\u00e1ginas web<\/h3>\n\n\n\n<pre class=\"wp-block-code has-layout-color has-primary-background-color has-text-color has-background has-link-color wp-elements-b629507e7ca89aedb292dc26110bc5fe\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>&lt;script&gt;\ndocument.addEventListener('copy', function (e) {\n    e.preventDefault();\n    alert('<em>Sorry! The content cannot be copied.<\/em>');\n});\n&lt;\/script&gt;<\/code><\/pre>\n\n\n<div class=\"gc-box border_type\" style=\"text-align:left;border-radius:20px;box-shadow: 0 10px 10px #00000007\">\n\t\t\t<div class=\"gc-box-icon\"><\/div>\n\t\t\t\n\t\t\t<div class=\"gc-box-text\">\n\n<p><strong>1\ufe0f\u20e3 Captura de eventos <code>Copiar<\/code><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>usar <code>document.addEventListener(&#039;copiar&#039;, funci\u00f3n (e) {...})<\/code><\/li>\n\n\n\n<li>Cuando el usuario presiona <code>Ctrl + C<\/code> \u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e02\u0e27\u0e32\u0e41\u0e25\u0e49\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01 &#8220;\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01&#8221; \u2192 \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e19\u0e35\u0e49\u0e08\u0e30\u0e17\u0e33\u0e07\u0e32\u0e19<\/li>\n<\/ul>\n\n\n\n<p><strong>2\ufe0f\u20e3 <code>e.preventDefault();<\/code><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Copia de bloques (<code>evento de copia<\/code>)<\/li>\n\n\n\n<li>Los usuarios podr\u00e1n <strong>No se puede copiar el texto<\/strong> Ir al portapapeles<\/li>\n<\/ul>\n\n\n\n<p><strong>3\ufe0f\u20e3 Notificaci\u00f3n (<code>alerta(...)<\/code>)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mostrar mensaje <code>\u00a1Lo siento! El contenido no se puede copiar.<\/code><\/li>\n\n\n\n<li>Notificar a los usuarios que la copia est\u00e1 bloqueada<\/li>\n<\/ul>\n\n<\/div>\n\t\t<\/div>\n\n\n<h3 class=\"wp-block-heading has-green-color has-text-color has-link-color wp-elements-43ebf78ac848483be245afffbc588a23\" style=\"font-size:24px\">5. Desactivar el clic derecho con notificaci\u00f3n<\/h3>\n\n\n\n<pre class=\"wp-block-code has-layout-color has-primary-background-color has-text-color has-background has-link-color wp-elements-b0702266239960cdccf5b23107ad9039\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>&lt;script&gt;\nvar message = \"Do not click right..!!\";\ndocument.addEventListener(\"contextmenu\", function (e) {\n    e.preventDefault();\n    alert(message);\n});\n&lt;\/script&gt;<\/code><\/pre>\n\n\n<div class=\"gc-box border_type\" style=\"text-align:left;border-radius:20px;box-shadow: 0 10px 10px #00000007\">\n\t\t\t<div class=\"gc-box-icon\"><\/div>\n\t\t\t\n\t\t\t<div class=\"gc-box-text\">\n\n<p>Este c\u00f3digo funciona para evitar hacer clic derecho en una p\u00e1gina web mediante JavaScript. La funci\u00f3n dada capturar\u00e1 el evento de clic derecho (<code>evento del men\u00fa contextual<\/code>) y bloquear la aparici\u00f3n del men\u00fa de clic derecho. Tambi\u00e9n muestra un cuadro de alerta para informar al usuario que el clic derecho est\u00e1 bloqueado. El mensaje de advertencia est\u00e1 predefinido en la variable. y se mostrar\u00e1 al hacer clic derecho<\/p>\n\n<\/div>\n\t\t<\/div>\n\n\n<h3 class=\"wp-block-heading has-green-color has-text-color has-link-color wp-elements-b6959f5bf11707f6e86956f1a5bacf15\" style=\"font-size:24px\">6. Deshabilite el clic derecho sin mostrar el mensaje de notificaci\u00f3n.<\/h3>\n\n\n\n<pre class=\"wp-block-code has-layout-color has-primary-background-color has-text-color has-background has-link-color wp-elements-f437210c8efa29694dcffb33fd0c1318\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>&lt;script&gt;\ndocument.addEventListener(\"contextmenu\", function (e) {\n    e.preventDefault();\n});\n&lt;\/script&gt;<\/code><\/pre>\n\n\n<div class=\"gc-box border_type\" style=\"text-align:left;border-radius:20px;box-shadow: 0 10px 10px #00000007\">\n\t\t\t<div class=\"gc-box-icon\"><\/div>\n\t\t\t\n\t\t\t<div class=\"gc-box-text\">\n\n<p>Este c\u00f3digo utiliza JavaScript para deshabilitar el men\u00fa de clic derecho en una p\u00e1gina web. Escuchando los acontecimientos <code>men\u00fa contextual<\/code> Esto ocurre cuando un usuario hace clic derecho en una p\u00e1gina web. Luego usa el comando <code>e.preventDefault()<\/code> Para evitar que se muestre el men\u00fa de clic derecho en los navegadores.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Captura el evento <code>men\u00fa contextual<\/code><\/strong>:Cuando un usuario hace clic derecho en una p\u00e1gina web<\/li>\n\n\n\n<li><strong><code>e.preventDefault()<\/code><\/strong>: \u0e1b\u0e34\u0e14\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e40\u0e21\u0e19\u0e39\u0e04\u0e25\u0e34\u0e01\u0e02\u0e27\u0e32\u0e02\u0e2d\u0e07\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c, \u0e0b\u0e36\u0e48\u0e07\u0e1b\u0e01\u0e15\u0e34\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e40\u0e0a\u0e48\u0e19 &#8220;\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01&#8221;, &#8220;\u0e14\u0e39\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e17\u0e35\u0e48\u0e21\u0e32&#8221; \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19<\/li>\n<\/ul>\n\n\n\n<p>El resultado es <strong>Los usuarios no podr\u00e1n hacer clic derecho.<\/strong> En la p\u00e1gina web que utiliza este c\u00f3digo.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n\n<h3 class=\"wp-block-heading has-green-color has-text-color has-link-color wp-elements-86e6afe15f329f5b0abae724b5e72b20\" style=\"font-size:24px\">7. Utilice CSS para evitar la copia de texto.<\/h3>\n\n\n\n<pre class=\"wp-block-code has-layout-color has-primary-background-color has-text-color has-background has-link-color wp-elements-03730d2564e752917bd9b013aec0e178\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>\/* Prevent text selection with CSS *\/\nbody {\n    user-select: none;\n}<\/code><\/pre>\n\n\n<div class=\"gc-box border_type\" style=\"text-align:left;border-radius:20px;box-shadow: 0 10px 10px #00000007\">\n\t\t\t<div class=\"gc-box-icon\"><\/div>\n\t\t\t\n\t\t\t<div class=\"gc-box-text\">\n\n<p>Este c\u00f3digo se utiliza <strong>CSS<\/strong> Para bloquear la selecci\u00f3n de texto en una p\u00e1gina web configurando <strong><code>selecci\u00f3n de usuario: ninguno;<\/code><\/strong> Al estilo de las etiquetas <code>&lt;body&gt;<\/code>. El c\u00f3digo funciona de la siguiente manera:<\/p>\n\n\n\n<p>No se puede arrastrar el mouse para seleccionar texto.<\/p>\n\n\n\n<p><strong><code>selecci\u00f3n de usuario: ninguno;<\/code><\/strong>:Evita que los usuarios seleccionen texto en una p\u00e1gina web.<\/p>\n\n\n\n<p><strong>Usar con etiquetas <code>&lt;body&gt;<\/code><\/strong> Evitar que se seleccione todo el texto de la p\u00e1gina.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n\n<h3 class=\"wp-block-heading has-green-color has-text-color has-link-color wp-elements-e9cca1c919438703038ec4b75d19ab54\" style=\"font-size:24px\">8. Evitar arrastrar y soltar texto (Desactivar arrastrar y soltar)<\/h3>\n\n\n\n<p>Este c\u00f3digo evita arrastrar o soltar contenido o im\u00e1genes en otro lugar.<\/p>\n\n\n\n<pre class=\"wp-block-code has-layout-color has-primary-background-color has-text-color has-background has-link-color wp-elements-3a6d8874c7d98a99cd2bd8f650bfdc50\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>&lt;script&gt;\ndocument.addEventListener(\"dragstart\", function (e) {\n    e.preventDefault();\n});\ndocument.addEventListener(\"drop\", function (e) {\n    e.preventDefault();\n});\n&lt;\/script&gt;<\/code><\/pre>\n\n\n<div class=\"gc-box border_type\" style=\"text-align:left;border-radius:20px;box-shadow: 0 10px 10px #00000007\">\n\t\t\t<div class=\"gc-box-icon\"><\/div>\n\t\t\t\n\t\t\t<div class=\"gc-box-text\">\n\n<p>Este c\u00f3digo se utiliza <strong>JavaScript<\/strong> Para evitar arrastrar y soltar en p\u00e1ginas web, utilice: <code>prevenirDefault()<\/code> Para deshabilitar ambos eventos<\/p>\n\n<\/div>\n\t\t<\/div>\n\n\n<h3 class=\"wp-block-heading is-style-default has-green-color has-text-color has-link-color wp-elements-c413c8ad572fcb2e99ccbefa9471c9f2\" style=\"font-size:24px\">9. Deshabilite Inspeccionar elemento y Ver c\u00f3digo fuente.<\/h3>\n\n\n\n<p>Desactivar <strong>Ctrl + U (Ver c\u00f3digo fuente), Ctrl + Shift + I (Herramientas para desarrolladores), F12 (Herramientas para desarrolladores)<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code has-layout-color has-primary-background-color has-text-color has-background has-link-color wp-elements-ccef77f5ba12b5dd43c199c0ff316081\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>&lt;script&gt;\ndocument.addEventListener(\"keydown\", function (e) {\n    if (e.ctrlKey &amp;&amp; (e.key === \"u\" || e.key === \"s\" || e.key === \"i\" || e.key === \"j\")) {\n        e.preventDefault();\n        alert(\"<em>Sorry! This command cannot be used.<\/em>\");\n    }\n    if (e.key === \"F12\") {\n        e.preventDefault();\n        alert(\"<em>Developer tools are disabled<\/em>\");\n    }\n});\n&lt;\/script&gt;<\/code><\/pre>\n\n\n<div class=\"gc-box border_type\" style=\"text-align:left;border-radius:20px;box-shadow: 0 10px 10px #00000007\">\n\t\t\t<div class=\"gc-box-icon\"><\/div>\n\t\t\t\n\t\t\t<div class=\"gc-box-text\">\n\n<p>Este c\u00f3digo se utiliza <strong>JavaScript<\/strong> Para evitar el uso de ciertos comandos que pueden ayudar a los usuarios a acceder a herramientas y funciones para desarrolladores en una p\u00e1gina web, como abrir <strong>Ver fuente<\/strong>, <strong>Inspeccionar elemento<\/strong>, o <strong>Herramientas para desarrolladores<\/strong> A trav\u00e9s de varios atajos Capturando el evento <strong><code>tecla pulsada<\/code><\/strong> Y evitar esas \u00f3rdenes tambi\u00e9n. <code>prevenirDefault()<\/code>.<\/p>\n\n\n\n<p><strong>Inspecci\u00f3n <code>Ctrl + U<\/code>, <code>Ctrl + S<\/code>, <code>Ctrl + I<\/code>, <code>Ctrl + J<\/code>:<\/strong><br>Si el usuario presiona <strong>Control<\/strong> Mantenga pulsado y presione <strong>EN<\/strong>, <strong>S<\/strong>, <strong>I<\/strong>, o <strong>Yo<\/strong> (Este es un acceso directo que se utiliza a menudo para abrir el c\u00f3digo fuente de una p\u00e1gina web o una herramienta de desarrollo).<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>e.preventDefault()<\/code> Deshabilitar este comando<\/li>\n\n\n\n<li>Mostrar mensaje de notificaci\u00f3n: <code>&#034;\u00a1Lo siento! Este comando no se puede usar.&#034;<\/code><\/li>\n<\/ul>\n\n\n\n<p><strong>Comprobaci\u00f3n de botones <code>F12<\/code>:<\/strong><br>Si el usuario presiona <strong>F12<\/strong> \u00bfCu\u00e1l es el acceso directo para abrir? <strong>Herramientas para desarrolladores<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>e.preventDefault()<\/code> Deshabilitar herramientas para desarrolladores<\/li>\n\n\n\n<li>Mostrar mensaje de notificaci\u00f3n: <code>&#034;Las herramientas de desarrollo est\u00e1n deshabilitadas&#034;<\/code><\/li>\n<\/ul>\n\n<\/div>\n\t\t<\/div>\n\n\n<h3 class=\"wp-block-heading has-green-color has-text-color has-link-color wp-elements-c0707ea72407c5c8b660b559184f9711\" style=\"font-size:23px\">10. Desactivar la selecci\u00f3n autom\u00e1tica de texto en los navegadores.<\/h3>\n\n\n\n<pre class=\"wp-block-code has-layout-color has-primary-background-color has-text-color has-background has-link-color wp-elements-f6d38d1bfe092653af9d83e66fc81521\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>css Copy Edit\/* Disable text selection and data dragging *\/\nbody, p, span, div {\n    user-select: none;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n}<\/code><\/pre>\n\n\n<div class=\"gc-box border_type\" style=\"text-align:left;border-radius:20px;box-shadow: 0 10px 10px #00000007\">\n\t\t\t<div class=\"gc-box-icon\"><\/div>\n\t\t\t\n\t\t\t<div class=\"gc-box-text\">\n\n<p>Este c\u00f3digo CSS se utiliza para <strong>Evitar la selecci\u00f3n de texto<\/strong> (selecci\u00f3n de texto) y arrastrar datos (arrastrar) en p\u00e1ginas web utilizando <code>selecci\u00f3n de usuario: ninguno;<\/code> y soporte para diferentes navegadores<\/p>\n\n\n\n<p><strong>Detalles del trabajo:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong><code>selecci\u00f3n de usuario: ninguno;<\/code><\/strong>\n<ul class=\"wp-block-list\">\n<li>Evita que los usuarios seleccionen texto en un elemento HTML espec\u00edfico. (En este caso, <code>cuerpo<\/code>, <code>pag<\/code>, <code>durar<\/code>, <code>divisi\u00f3n<\/code>)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong><code>-webkit-user-select: ninguno;<\/code><\/strong>\n<ul class=\"wp-block-list\">\n<li>Para usar con navegadores que utilizan <strong>Kit web<\/strong> motor (como <strong>Cromo<\/strong>, <strong>Safari<\/strong>)<\/li>\n\n\n\n<li>Le permite evitar la selecci\u00f3n de texto en estos navegadores.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong><code>-moz-user-select: ninguno;<\/code><\/strong>\n<ul class=\"wp-block-list\">\n<li>Utilizado para <strong>Firefox<\/strong><\/li>\n\n\n\n<li>Evitar la selecci\u00f3n de texto en Firefox<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong><code>-ms-user-select: ninguno;<\/code><\/strong>\n<ul class=\"wp-block-list\">\n<li>Utilizado para <strong>Internet Explorer<\/strong><\/li>\n\n\n\n<li>Evitar la selecci\u00f3n de texto en IE<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n<\/div>\n\t\t<\/div>\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>C\u00f3mo usar Vaya a la secci\u00f3n de encabezado: inserte el c\u00f3digo dentro del encabezado.   <\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-color has-link-color wp-elements-56dfe94358adfdbbb0731672a8a2f64b\" style=\"color:#2d5e67;font-size:35px\">C\u00f3mo a\u00f1adir c\u00f3digo anti-copia a WordPress<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"490\" src=\"https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/code-copy-1024x490.webp\" alt=\"\" class=\"wp-image-1490\" title=\"\" srcset=\"https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/code-copy-1024x490.webp 1024w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/code-copy-300x144.webp 300w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/code-copy-768x368.webp 768w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/code-copy-1536x735.webp 1536w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/code-copy-400x191.webp 400w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/code-copy-800x383.webp 800w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/code-copy-832x398.webp 832w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/code-copy-1664x796.webp 1664w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/code-copy-1248x597.webp 1248w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/code-copy.webp 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vaya a su \u00e1rea de administraci\u00f3n de WordPress, vaya al men\u00fa Apariencia\/Editor de archivos de tema.<\/li>\n\n\n\n<li>En el lado derecho, elige el tema (que est\u00e1s usando actualmente)<\/li>\n\n\n\n<li>Encuentra el encabezado del tema (header.php)<\/li>\n\n\n\n<li>Coloque el c\u00f3digo en<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading has-text-color has-link-color wp-elements-5fc11d7a332f75ebd9582167297c59f7\" style=\"color:#9c5d45cf;font-size:34px\">C\u00f3mo insertar c\u00f3digo anti-copia en Blogger<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"490\" src=\"https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/22-03-2025-17-29-31-painty-screenshot-1024x490.webp\" alt=\"No copiar texto\" class=\"wp-image-1504\" title=\"\" srcset=\"https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/22-03-2025-17-29-31-painty-screenshot-1024x490.webp 1024w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/22-03-2025-17-29-31-painty-screenshot-300x144.webp 300w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/22-03-2025-17-29-31-painty-screenshot-768x368.webp 768w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/22-03-2025-17-29-31-painty-screenshot-1536x735.webp 1536w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/22-03-2025-17-29-31-painty-screenshot-400x191.webp 400w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/22-03-2025-17-29-31-painty-screenshot-800x383.webp 800w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/22-03-2025-17-29-31-painty-screenshot-832x398.webp 832w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/22-03-2025-17-29-31-painty-screenshot-1664x796.webp 1664w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/22-03-2025-17-29-31-painty-screenshot-1248x597.webp 1248w, https:\/\/siammakemoney.com\/wp-content\/uploads\/2025\/03\/22-03-2025-17-29-31-painty-screenshot.webp 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vaya al men\u00fa Tema. <a href=\"https:\/\/siammakemoney.com\/es\/%e0%b8%aa%e0%b8%ad%e0%b8%99%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87-bloguero-%e0%b8%a0%e0%b8%b2%e0%b8%a2%e0%b9%83%e0%b8%992%e0%b8%99%e0%b8%b2%e0%b8%97%e0%b8%b5\/\">Bloguero<\/a><\/li>\n\n\n\n<li>Haga clic en el bot\u00f3n desplegable Editar HTML<\/li>\n\n\n\n<li>\u0e43\u0e2a\u0e48\u0e42\u0e04\u0e49\u0e14 \u0e20\u0e32\u0e22\u0e43\u0e19 &lt;head><\/li>\n\n\n\n<li>or &ndash; Place your code before closing tag. &lt;\/body&gt;<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">nota<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>a pesar de<a href=\"https:\/\/siammakemoney.com\/es\/category\/html-css-javascript\/\">c\u00f3digo<\/a>Esto ayudar\u00e1 a reducir las posibilidades de que se copie contenido de su sitio web. Pero no es 100% seguro, ya que los usuarios a\u00fan pueden acceder a los datos utilizando herramientas de desarrollador o extensiones del navegador. Por lo tanto, si desea proteger su contenido, debe considerar medidas adicionales como agregar una marca de agua a la imagen. O utilizar un sistema de membres\u00eda para restringir el acceso a contenido importante<\/p>\n\n\n\n<p>\u00a1Esperamos que estos c\u00f3digos sean \u00fatiles para evitar la copia de texto en su sitio web! \ud83d\ude80<\/p>\n\n\n\n<p><\/p>\n<\/blockquote>","protected":false},"excerpt":{"rendered":"\u0e2b\u0e32\u0e01\u0e04\u0e38\u0e13\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e4a\u0e2d\u0e1a\u0e1b\u0e35\u0e49\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32 \u0e2b\u0e49\u0e32\u0e21\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 \u0e1a\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e0a\u0e49 JavaScript \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e25\u0e32\u0e01\u0e04\u0e25\u0e38\u0e21\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 (Text Selection) \u0e41\u0e25\u0e30\u0e1b\u0e34\u0e14\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01 (Copy) \u0e44\u0e14\u0e49 \u0e42\u0e14\u0e22\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e0a\u0e49\u0e42\u0e04\u0e49\u0e14\u0e15\u0e48\u0e2d\u0e44\u0e1b\u0e19\u0e35\u0e49:","protected":false},"author":1,"featured_media":1490,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_singular_sidebar":"right","csco_page_header_type":"title","csco_page_load_nextpost":"","footnotes":""},"categories":[28,23],"tags":[],"class_list":{"0":"post-1460","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-html-css-javascript","8":"category-website-creation","9":"cs-entry"},"_links":{"self":[{"href":"https:\/\/siammakemoney.com\/es\/wp-json\/wp\/v2\/posts\/1460","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siammakemoney.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/siammakemoney.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/siammakemoney.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/siammakemoney.com\/es\/wp-json\/wp\/v2\/comments?post=1460"}],"version-history":[{"count":44,"href":"https:\/\/siammakemoney.com\/es\/wp-json\/wp\/v2\/posts\/1460\/revisions"}],"predecessor-version":[{"id":2682,"href":"https:\/\/siammakemoney.com\/es\/wp-json\/wp\/v2\/posts\/1460\/revisions\/2682"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/siammakemoney.com\/es\/wp-json\/wp\/v2\/media\/1490"}],"wp:attachment":[{"href":"https:\/\/siammakemoney.com\/es\/wp-json\/wp\/v2\/media?parent=1460"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/siammakemoney.com\/es\/wp-json\/wp\/v2\/categories?post=1460"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/siammakemoney.com\/es\/wp-json\/wp\/v2\/tags?post=1460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}