{"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-prevents-copying","status":"publish","type":"post","link":"https:\/\/siammakemoney.com\/fr\/javascript-prevents-copying\/","title":{"rendered":"10 codes JavaScript pour emp\u00eacher la copie \u274c Ne copiez pas de texte sur le site Web."},"content":{"rendered":"<h2 class=\"wp-block-heading has-text-color has-link-color wp-elements-9ddc246898192c7c037fd05431606d7d\" style=\"color:#ab3a17\">Code anti-copie<\/h2>\n\n\n\n<p>Code JavaScript : Ne copiez pas de texte sur le site Web. Ne faites pas de clic droit. Ne pas couvrir le texte. Si vous souhaitez emp\u00eacher les utilisateurs de copier ou de coller du contenu sur votre site Web, vous pouvez utiliser JavaScript pour emp\u00eacher la s\u00e9lection de texte et d\u00e9sactiver la commande Copier. Vous pouvez utiliser le code suivant\u00a0:<\/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. Emp\u00eacher le glissement + interdire Ctrl + A, C dans un seul code.<\/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>Ce code utilise JavaScript pour emp\u00eacher la s\u00e9lection de texte et d\u00e9sactiver certains raccourcis clavier (tels que Ctrl+A et Ctrl+C) sur une page Web. Le code fonctionne comme ceci :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><code>d\u00e9sactiver la s\u00e9lection(e)<\/code><\/strong> \u2192 Utiliser pour restaurer <code>FAUX<\/code> Pour emp\u00eacher la s\u00e9lection de texte<\/li>\n\n\n\n<li><strong><code>r\u00e9Activer()<\/code><\/strong> \u2192 Restaurer <code>vrai<\/code> Pour r\u00e9activer le clic (utilis\u00e9 dans certains anciens navigateurs)<\/li>\n\n\n\n<li><strong><code>document.onselectstart<\/code><\/strong> \u2192 Il s&#039;agit d&#039;un gestionnaire d&#039;\u00e9v\u00e9nements qui s&#039;ex\u00e9cute lorsque la s\u00e9lection de texte est d\u00e9marr\u00e9e (<code>s\u00e9lectionnerd\u00e9marrer<\/code>)<\/li>\n\n\n\n<li><strong><code>nouvelle fonction(&#034;retourne faux&#034;)<\/code><\/strong> \u2192 Fermer la s\u00e9lection de texte en r\u00e9initialisant <code>FAUX<\/code><\/li>\n\n\n\n<li><strong><code>fen\u00eatre.barre lat\u00e9rale<\/code><\/strong> \u2192 Utiliser pour v\u00e9rifier si le navigateur est <strong>Firefox<\/strong> (Ancien navigateur de Mozilla)<\/li>\n\n\n\n<li><strong><code>document.onmousedown = disableselect;<\/code><\/strong> \u2192 D\u00e9sactiver la s\u00e9lection de texte lorsque la souris est enfonc\u00e9e<\/li>\n\n\n\n<li><strong><code>document.onclick = r\u00e9Activer;<\/code><\/strong> \u2192 Activer le clic (pour \u00e9viter de bloquer chaque clic)<\/li>\n\n\n\n<li><strong><code>\u00e9v\u00e9nement.ctrlKey<\/code><\/strong> \u2192 V\u00e9rifiez que le bouton <code>Ctrl<\/code> \u00cates-vous r\u00e9prim\u00e9 ?<\/li>\n\n\n\n<li><strong><code>\u00e9v\u00e9nement.cl\u00e9 === &#034;a&#034;<\/code><\/strong> \u2192 V\u00e9rifiez si l&#039;utilisateur a appuy\u00e9 sur <code>Ctrl + A<\/code> (S\u00e9lectionnez tout)<\/li>\n\n\n\n<li><strong><code>\u00e9v\u00e9nement.cl\u00e9 === &#034;c&#034;<\/code><\/strong> \u2192 V\u00e9rifiez si l&#039;utilisateur a appuy\u00e9 sur <code>Ctrl + C<\/code> (Copie)<\/li>\n\n\n\n<li><strong><code>\u00e9v\u00e9nement.preventDefault();<\/code><\/strong> \u2192 Bloquer le fonctionnement des touches de raccourci<\/li>\n\n\n\n<li><strong><code>alert(&#034;D\u00e9sol\u00e9 ! Cette commande ne peut pas \u00eatre utilis\u00e9e.&#034;);<\/code><\/strong> \u2192 Afficher le message de notification<\/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. Ne faites pas glisser le texte pour le recouvrir.<\/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>Capturez l&#039;\u00e9v\u00e9nement <code>\u00ab\u00a0selectstart\u00a0\u00bb<\/code><\/strong> Cela se produit lorsque l&#039;utilisateur essaie de s\u00e9lectionner du texte.<\/li>\n\n\n\n<li><strong><code>\u00e9v\u00e9nement.preventDefault();<\/code><\/strong> \u2192 D\u00e9sactiver la s\u00e9lection de texte sur toutes les pages 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. Ne couvrez pas le texte et excluez certaines classes.<\/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>Capturez l&#039;\u00e9v\u00e9nement <code>\u00ab\u00a0selectstart\u00a0\u00bb<\/code><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Se produit lorsque l&#039;utilisateur tente de faire glisser pour s\u00e9lectionner du texte.<\/li>\n<\/ul>\n\n\n\n<p><strong>V\u00e9rifiez si l&#039;utilisateur essaie de s\u00e9lectionner du texte dans <code>&lt;pre class=\"wp-block-code\"&gt;<\/code> Ou non<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>utiliser <code>tandis que (cible)<\/code> Pour v\u00e9rifier l&#039;\u00e9l\u00e9ment et l&#039;\u00e9l\u00e9ment parent<\/li>\n\n\n\n<li>si <code>cible<\/code> avoir <code>classe<\/code> \u00e0 <strong>Commen\u00e7ant par<\/strong> <code>\u00ab\u00a0wp-block-code\u00a0\u00bb<\/code> \u2192 <strong>Autoriser la s\u00e9lection de texte<\/strong><\/li>\n\n\n\n<li>utiliser <code>target.classList.some(cls =&gt; cls.startsWith(&#034;wp-block-code&#034;))<\/code> Pour v\u00e9rifier<\/li>\n<\/ul>\n\n\n\n<p><strong>Si non s\u00e9lectionn\u00e9 dans <code>code-bloc-wp<\/code> \u2192 Fermer la s\u00e9lection de texte<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>\u00e9v\u00e9nement.preventDefault();<\/code> D\u00e9sactiver la s\u00e9lection de texte partout <strong>sauf<\/strong> <code>code-bloc-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. Code de protection contre la copie sur les pages 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 Capture d&#039;\u00e9v\u00e9nement <code>copie<\/code><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>utiliser <code>document.addEventListener(&#039;copie&#039;, fonction (e) {...})<\/code><\/li>\n\n\n\n<li>Lorsque l&#039;utilisateur appuie sur <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>Copie de bloc (<code>copier l&#039;\u00e9v\u00e9nement<\/code>)<\/li>\n\n\n\n<li>Les utilisateurs vont <strong>Impossible de copier le texte<\/strong> Acc\u00e9der au presse-papiers<\/li>\n<\/ul>\n\n\n\n<p><strong>3\ufe0f\u20e3 Notification (<code>alerte(...)<\/code>)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Afficher le message <code>\u00ab\u00a0D\u00e9sol\u00e9\u00a0! Le contenu ne peut pas \u00eatre copi\u00e9.\u00a0\u00bb<\/code><\/li>\n\n\n\n<li>Informer les utilisateurs que la copie est bloqu\u00e9e<\/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. D\u00e9sactiver le clic droit avec notification<\/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>Ce code fonctionne pour emp\u00eacher le clic droit sur une page Web \u00e0 l&#039;aide de JavaScript. La fonction donn\u00e9e interceptera l&#039;\u00e9v\u00e9nement de clic droit (<code>\u00e9v\u00e9nement du menu contextuel<\/code>) et emp\u00eacher l&#039;apparition du menu contextuel. Il affiche \u00e9galement une bo\u00eete d&#039;alerte pour informer l&#039;utilisateur que le clic droit est bloqu\u00e9. Le message d&#039;avertissement est pr\u00e9d\u00e9fini dans la variable. et sera affich\u00e9 lors d&#039;un clic droit<\/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. D\u00e9sactivez le clic droit sans afficher de message de notification.<\/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>Ce code utilise JavaScript pour d\u00e9sactiver le menu contextuel sur une page Web. En \u00e9coutant les \u00e9v\u00e9nements <code>menu contextuel<\/code> Cela se produit lorsqu&#039;un utilisateur clique avec le bouton droit sur une page Web. Ensuite, utilisez la commande <code>e.preventDefault()<\/code> Pour emp\u00eacher l&#039;affichage du menu contextuel dans les navigateurs.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Capturez l&#039;\u00e9v\u00e9nement <code>menu contextuel<\/code><\/strong>: Lorsqu&#039;un utilisateur clique avec le bouton droit sur une page 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>Le r\u00e9sultat est <strong>Les utilisateurs ne pourront pas faire de clic droit.<\/strong> Sur la page Web qui utilise ce code.<\/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. Utilisez CSS pour emp\u00eacher la copie de texte.<\/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>Ce code est utilis\u00e9 <strong>CSS<\/strong> Pour verrouiller la s\u00e9lection de texte sur une page Web en d\u00e9finissant <strong><code>s\u00e9lection utilisateur : aucun ;<\/code><\/strong> Dans le style des tags <code>&lt;body&gt;<\/code>. Le code fonctionne comme suit :<\/p>\n\n\n\n<p>Impossible de faire glisser la souris pour s\u00e9lectionner du texte.<\/p>\n\n\n\n<p><strong><code>s\u00e9lection utilisateur : aucun ;<\/code><\/strong>: Emp\u00eacher les utilisateurs de s\u00e9lectionner du texte sur une page Web.<\/p>\n\n\n\n<p><strong>Utiliser avec des balises <code>&lt;body&gt;<\/code><\/strong> Emp\u00eacher la s\u00e9lection de tout le texte de la page.<\/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. Emp\u00eacher le glisser-d\u00e9poser du texte (D\u00e9sactiver le glisser-d\u00e9poser)<\/h3>\n\n\n\n<p>Ce code emp\u00eache le glisser-d\u00e9poser de contenu ou d&#039;images ailleurs.<\/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>Ce code est utilis\u00e9 <strong>JavaScript<\/strong> Pour \u00e9viter le glisser-d\u00e9poser sur les pages Web, utilisez\u00a0: <code>preventDefault()<\/code> Pour d\u00e9sactiver les deux \u00e9v\u00e9nements<\/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. D\u00e9sactivez Inspecter l&#039;\u00e9l\u00e9ment et Afficher la source.<\/h3>\n\n\n\n<p>D\u00e9sactiver <strong>Ctrl + U (Afficher la source), Ctrl + Maj + I (Outils de d\u00e9veloppement), F12 (Outils de d\u00e9veloppement)<\/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>Ce code est utilis\u00e9 <strong>JavaScript<\/strong> Pour emp\u00eacher l&#039;utilisation de certaines commandes qui peuvent aider les utilisateurs \u00e0 acc\u00e9der aux outils et fonctions de d\u00e9veloppement sur une page Web, comme l&#039;ouverture <strong>Voir la source<\/strong>, <strong>Inspecter l&#039;\u00e9l\u00e9ment<\/strong>, ou <strong>Outils de d\u00e9veloppement<\/strong> Par divers raccourcis En capturant l&#039;\u00e9v\u00e9nement <strong><code>touche enfonc\u00e9e<\/code><\/strong> Et emp\u00eachez \u00e9galement ces ordres. <code>preventDefault()<\/code>.<\/p>\n\n\n\n<p><strong>Inspection <code>Ctrl + U<\/code>, <code>Ctrl + S<\/code>, <code>Ctrl + I<\/code>, <code>Ctrl + J<\/code>:<\/strong><br>Si l&#039;utilisateur appuie sur <strong>Ctrl<\/strong> Maintenez et appuyez <strong>DANS<\/strong>, <strong>S<\/strong>, <strong>je<\/strong>, ou <strong>J<\/strong> (Il s\u2019agit d\u2019un raccourci souvent utilis\u00e9 pour ouvrir la source d\u2019une page Web ou d\u2019un outil de d\u00e9veloppement.)<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>e.preventDefault()<\/code> D\u00e9sactiver cette commande<\/li>\n\n\n\n<li>Afficher le message de notification\u00a0: <code>\u00ab\u00a0D\u00e9sol\u00e9\u00a0! Cette commande ne peut pas \u00eatre utilis\u00e9e.\u00a0\u00bb<\/code><\/li>\n<\/ul>\n\n\n\n<p><strong>V\u00e9rification des boutons <code>F12<\/code>:<\/strong><br>Si l&#039;utilisateur appuie sur <strong>F12<\/strong> Quel est le raccourci pour ouvrir <strong>Outils de d\u00e9veloppement<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>e.preventDefault()<\/code> D\u00e9sactiver les outils de d\u00e9veloppement<\/li>\n\n\n\n<li>Afficher le message de notification\u00a0: <code>\u00ab\u00a0Les outils de d\u00e9veloppement sont d\u00e9sactiv\u00e9s\u00a0\u00bb<\/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. D\u00e9sactivez la s\u00e9lection automatique de texte dans les navigateurs.<\/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>Ce code CSS est utilis\u00e9 pour <strong>Emp\u00eacher la s\u00e9lection de texte<\/strong> (s\u00e9lection de texte) et glisser-d\u00e9poser des donn\u00e9es (glisser-d\u00e9poser) sur des pages Web \u00e0 l&#039;aide <code>s\u00e9lection utilisateur : aucun ;<\/code> et prise en charge de diff\u00e9rents navigateurs<\/p>\n\n\n\n<p><strong>D\u00e9tails du poste :<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong><code>s\u00e9lection utilisateur : aucun ;<\/code><\/strong>\n<ul class=\"wp-block-list\">\n<li>Emp\u00eache les utilisateurs de s\u00e9lectionner du texte dans un \u00e9l\u00e9ment HTML sp\u00e9cifi\u00e9. (Dans ce cas, <code>corps<\/code>, <code>p<\/code>, <code>port\u00e9e<\/code>, <code>div<\/code>)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong><code>-webkit-user-select : aucun ;<\/code><\/strong>\n<ul class=\"wp-block-list\">\n<li>\u00c0 utiliser avec les navigateurs qui utilisent <strong>WebKit<\/strong> moteur (tel que <strong>Chrome<\/strong>, <strong>Safari<\/strong>)<\/li>\n\n\n\n<li>Il vous permet d&#039;emp\u00eacher la s\u00e9lection de texte dans ces navigateurs.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong><code>-moz-user-select : aucun ;<\/code><\/strong>\n<ul class=\"wp-block-list\">\n<li>Utilis\u00e9 pour <strong>Firefox<\/strong><\/li>\n\n\n\n<li>Emp\u00eacher la s\u00e9lection de texte dans Firefox<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong><code>-ms-user-select : aucun ;<\/code><\/strong>\n<ul class=\"wp-block-list\">\n<li>Utilis\u00e9 pour <strong>Internet Explorer<\/strong><\/li>\n\n\n\n<li>Emp\u00eacher la s\u00e9lection de texte dans 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>Comment utiliser Acc\u00e9dez \u00e0 la section d\u2019en-t\u00eate \u2013 Ins\u00e9rez le code \u00e0 l\u2019int\u00e9rieur de l\u2019en-t\u00eate.   <\/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\">Comment ajouter un code anti-copie \u00e0 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>Acc\u00e9dez \u00e0 votre zone d\u2019administration WordPress, acc\u00e9dez au menu Apparence\/\u00c9diteur de fichiers de th\u00e8me.<\/li>\n\n\n\n<li>C\u00f4t\u00e9 droit, choisissez le th\u00e8me (que vous utilisez actuellement)<\/li>\n\n\n\n<li>Trouver l&#039;en-t\u00eate du th\u00e8me (header.php)<\/li>\n\n\n\n<li>Placez le code dans<\/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\">Comment ins\u00e9rer un code anti-copie dans 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=\"Ne pas copier le texte.\" 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>Acc\u00e9dez au menu Th\u00e8me. <a href=\"https:\/\/siammakemoney.com\/fr\/%e0%b8%aa%e0%b8%ad%e0%b8%99%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87-blogueur-%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\/\">Blogueur<\/a><\/li>\n\n\n\n<li>Cliquez sur le bouton d\u00e9roulant Modifier le code 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\">note<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>bien que<a href=\"https:\/\/siammakemoney.com\/fr\/category\/html-css-javascript\/\">code<\/a>Ces mesures contribueront \u00e0 r\u00e9duire les risques de copie du contenu de votre site Web. Mais ce n\u2019est pas s\u00fbr \u00e0 100 %, car les utilisateurs peuvent toujours acc\u00e9der aux donn\u00e9es \u00e0 l\u2019aide d\u2019outils de d\u00e9veloppement ou d\u2019extensions de navigateur. Ainsi, si vous souhaitez prot\u00e9ger votre contenu, des mesures suppl\u00e9mentaires telles que l\u2019ajout d\u2019un filigrane \u00e0 l\u2019image doivent \u00eatre envisag\u00e9es. Ou utiliser un syst\u00e8me d&#039;adh\u00e9sion pour restreindre l&#039;acc\u00e8s \u00e0 un contenu important<\/p>\n\n\n\n<p>Nous esp\u00e9rons que ces codes seront utiles pour emp\u00eacher la copie de texte sur votre site Web\u00a0! \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\/fr\/wp-json\/wp\/v2\/posts\/1460","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siammakemoney.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/siammakemoney.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/siammakemoney.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/siammakemoney.com\/fr\/wp-json\/wp\/v2\/comments?post=1460"}],"version-history":[{"count":44,"href":"https:\/\/siammakemoney.com\/fr\/wp-json\/wp\/v2\/posts\/1460\/revisions"}],"predecessor-version":[{"id":2682,"href":"https:\/\/siammakemoney.com\/fr\/wp-json\/wp\/v2\/posts\/1460\/revisions\/2682"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/siammakemoney.com\/fr\/wp-json\/wp\/v2\/media\/1490"}],"wp:attachment":[{"href":"https:\/\/siammakemoney.com\/fr\/wp-json\/wp\/v2\/media?parent=1460"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/siammakemoney.com\/fr\/wp-json\/wp\/v2\/categories?post=1460"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/siammakemoney.com\/fr\/wp-json\/wp\/v2\/tags?post=1460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}