{"id":14923,"date":"2018-03-15T00:34:00","date_gmt":"2018-03-14T17:34:00","guid":{"rendered":"https:\/\/www.pugam.com\/?p=14923"},"modified":"2018-08-16T23:17:38","modified_gmt":"2018-08-16T16:17:38","slug":"cara-disable-right-click-dan-text-selection-dengan-jquery","status":"publish","type":"post","link":"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/","title":{"rendered":"Cara Disable Right Click dan Text Selection dengan jQuery"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14924\" src=\"https:\/\/img.pugam.com\/2018\/03\/Cara-Disable-Right-Click-dan-Text-Selection-dengan-jQuery.jpg\" alt=\"Cara Disable Right Click Dan Text Selection Dengan Jquery\" width=\"750\" height=\"380\" srcset=\"https:\/\/img.pugam.com\/2018\/03\/Cara-Disable-Right-Click-dan-Text-Selection-dengan-jQuery.jpg 750w, https:\/\/img.pugam.com\/2018\/03\/Cara-Disable-Right-Click-dan-Text-Selection-dengan-jQuery-388x197.jpg 388w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Pembahasan kali ini cukup menarik menurut saya. Isu tentang &#8220;pencurian konten&#8221; di internet selalu menjadi hal yang menarik untuk dibahas, terutama di kalangan blogger.<\/p>\n<p>Dan wajarkah kita sebagai blogger khawatir dengan hal itu? Jawabannya bisa ya, bisa juga tidak. Akan saya bahas ini diakhir.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_45_2 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Daftar Isi<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/#Cara_Umum_dalam_Mencegah_Pencurian_Konten_Web\" title=\"Cara Umum dalam Mencegah Pencurian Konten Web\">Cara Umum dalam Mencegah Pencurian Konten Web<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/#Cara_Nonaktifkan_Fungsi_Klik_Kanan_dan_Seleksi_Tulisan_dengan_jQuery\" title=\"Cara Nonaktifkan Fungsi Klik Kanan dan Seleksi Tulisan dengan jQuery\">Cara Nonaktifkan Fungsi Klik Kanan dan Seleksi Tulisan dengan jQuery<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/#Nonaktifkan_Klik_Kanan_dengan_jQuery\" title=\"Nonaktifkan Klik Kanan dengan jQuery\">Nonaktifkan Klik Kanan dengan jQuery<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/#Nonaktifkan_Fungsi_Seleksi_Teks_dengan_jQuery\" title=\"Nonaktifkan Fungsi Seleksi Teks dengan jQuery\">Nonaktifkan Fungsi Seleksi Teks dengan jQuery<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/#Nonaktifkan_Fungsi_Seleksi_Teks_dengan_CSS\" title=\"Nonaktifkan Fungsi Seleksi Teks dengan CSS\">Nonaktifkan Fungsi Seleksi Teks dengan CSS<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/#Perlu_atau_Tidaknya_Menerapkan_Cara-Cara_di_Atas\" title=\"Perlu atau Tidaknya Menerapkan Cara-Cara di Atas\">Perlu atau Tidaknya Menerapkan Cara-Cara di Atas<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Cara_Umum_dalam_Mencegah_Pencurian_Konten_Web\"><\/span>Cara Umum dalam Mencegah Pencurian Konten Web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Cara-cara umum yang sering dipraktikkan untuk mencegah pencurian konten adalah dengan menonaktifkan fungsi klik kanan pada mouse dan juga fungsi seleksi teks\/tulisan.<\/p>\n<p>Apakah cara ini efektif?<\/p>\n<p>Ya, bagi mereka yang tidak terlalu paham dengan cara kerja Javascript, tapi tidak bagi mereka yang paham dengan hal itu.<\/p>\n<p>Artinya, cara tersebut masih bisa diakali, tapi jangan khawatir karena di sini saya tidak akan menjelaskan bagaimana cara mengakali itu.<\/p>\n<p>Ada banyak cara untuk menonaktifkan kedua fungsi tersebut (klik kanan &amp; seleksi teks), tergantung mau pakai yang mana.<\/p>\n<p>Bagi pengguna blogspot saya tidak tahu biasanya pakai cara apa, tapi bagi pengguna WordPress biasanya mereka menggunakan plugin.<\/p>\n<p>Tapi untuk saya, saya lebih suka cara-cara sederhana. Untuk apa pakai banyak skrip atau plugin kalau hasilnya bisa dicapai hanya dengan 2-3 baris kode saja. Betul?<\/p>\n<p>Nah, cara yang paling sederhana menurut saya adalah dengan menggunakan jQuery.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Cara_Nonaktifkan_Fungsi_Klik_Kanan_dan_Seleksi_Tulisan_dengan_jQuery\"><\/span>Cara Nonaktifkan Fungsi Klik Kanan dan Seleksi Tulisan dengan jQuery<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Syarat untuk dapat menerapkan cara ini adalah Anda sudah mengerti di mana harus menyimpan kode jQuery di situs Anda.<\/p>\n<p>Bagi pengguna WordPress, di setiap tema yang Anda pakai biasanya ada folder khusus untuk menyiman file-file javascript (js).<\/p>\n<p>Masukkan kode jQuery ini di salah satu file javascript yang ada di dalam folder <strong>js<\/strong> tersebut. Dan sebaiknya Anda menggunakan child theme.<\/p>\n<p>Atau bisa juga menambahkannya di <strong>header<\/strong>. Contohnya seperti ini:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">&lt;head&gt;\r\n  &lt;script type=\"text\/javascript\"&gt;\r\n       Kode jQuery di sini...\r\n  &lt;\/script&gt;\r\n&lt;\/head&gt;<\/pre>\n<h3><span class=\"ez-toc-section\" id=\"Nonaktifkan_Klik_Kanan_dengan_jQuery\"><\/span>Nonaktifkan Klik Kanan dengan jQuery<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Berikut kodenya:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">jQuery('body').on('contextmenu', function(e){ \r\n  return false; \r\n});<\/pre>\n<p>Dalam contoh di atas saya menggunakan <a href=\"https:\/\/www.w3schools.com\/jquery\/jquery_ref_selectors.asp\" class=\"external\" rel=\"nofollow\" target=\"_blank\">selector<\/a> <code>body<\/code> karena memang saya ingin menargetkan semua element yang ada di dalam tag body.<\/p>\n<p>Jika Anda ingin menonaktifkan klik kanan di area tertentu, tinggal ganti selector <code>body<\/code> dengan <strong>class<\/strong> atau <strong>id<\/strong> dari area yang dimaksud.<\/p>\n<p>Anda pun masih bisa memodifikasi kode di atas. Misal, Anda ingin ketika orang menekan klik kanan muncul peringatan berupa kotak dialog berisi teks\/tulisan.<\/p>\n<p>Mudah, tinggal tambahkan fungsi <code>alert();<\/code><\/p>\n<p>Jadi kodenya seperti ini:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">jQuery('body').on('contextmenu', function(e){ \r\n  alert(\"Maaf, fungsi klik kanan kami nonaktifkan...\");  \r\n  return false; \r\n});<\/pre>\n<p>Nanti hasilnya seperti ini:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14931\" src=\"https:\/\/img.pugam.com\/2018\/03\/Cara-Disable-Right-Click-dan-Text-Selection-dengan-jQuery-1.jpg\" alt=\"Cara Disable Right Click Dan Text Selection Dengan Jquery 1\" width=\"563\" height=\"357\" \/><\/p>\n<p>Modifikasi lain adalah ketika misalnya Anda ingin menonaktifkan fungsi klik kanan hanya pada konten berupa gambar. Tinggal tambahkan selector <code>img<\/code> setelah <code>contextmenu<\/code>.<\/p>\n<p>Jadi seperti ini:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">jQuery('body').on('contextmenu', 'img', function(e){ \r\n  alert(\"Maaf, fungsi klik kanan kami nonaktifkan...\"); \r\n  return false; \r\n});<\/pre>\n<p>Atau ganti selector <code>img<\/code> dengan <code>p<\/code> jika Anda ingin menerapkan fungsi tersebut hanya pada konten paragraf. Pokoknya silakan modifikasi sesuai kebutuhan.<\/p>\n<p>Jika Anda ingin menyertakan konten gambar dalam kotak alert meskipun menurut saya tulisan pun sudah cukup, maka Anda perlu menggunakan <a href=\"https:\/\/jqueryui.com\/dialog\/\" class=\"external\" rel=\"nofollow\" target=\"_blank\">jQuery UI dialog<\/a>. Silakan pelajari langsung di situsnya.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Nonaktifkan_Fungsi_Seleksi_Teks_dengan_jQuery\"><\/span>Nonaktifkan Fungsi Seleksi Teks dengan jQuery<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Tak lengkap jika Anda hanya menonaktifkan fungsi klik kanan tanpa menonaktifkan fungsi seleksi teks. Karena orang masih bisa menyalin tulisan Anda dengan cara menekan <code>CTRL<\/code> + <code>C<\/code>.<\/p>\n<p>Berikut kodenya:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">jQuery(document).bind('selectstart dragstart', function(e) {\r\n  e.preventDefault();\r\n  return false;\r\n});<\/pre>\n<p>Empat baris kode di atas sudah cukup jika tujuan Anda hanya ingin menonaktifkan fungsi seleksi teks. Tidak perlu menggunakan plugin yang justru banyak menyertakan skrip-skrip yang tidak perlu.<\/p>\n<p>Apakah kode di atas masih bisa dimodifikasi? Tentu saja!<\/p>\n<p>Jika Anda sudah paham dengan penjelasan kode pertama di atas, maka tidak sulit untuk memodifikasi kode yang ini.<\/p>\n<p>Dalam contoh kode di atas, saya menggunakan selector <code>document<\/code>, dan sebetulnya dengan menggunakan selector <code>body<\/code> pun sudah bisa bekerja dengan baik hampir di seluruh bagian website saya seperti halnya kode pertama di atas.<\/p>\n<p>Intinya, selector ini bisa Anda ubah atau sesuaikan sesuai keperluan. Jika Anda hanya ingin menerapkan fungsi tersebut di area tertentu tinggal gunakan selector <strong>class<\/strong> atau <strong>id<\/strong>.<\/p>\n<p>Ingin memunculkan peringatan saat pengguna mencoba menyeleksi teks\/tulisan? Caranya masih sama, tambahkan fungsi <code>alert();<\/code>.<\/p>\n<p>Kodenya jadi seperti ini:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">jQuery(document).bind('selectstart dragstart', function(e) {\r\n  e.preventDefault();\r\n  alert(\"Maaf, fungsi seleksi teks kami nonaktifkan...\");\r\n  return false;\r\n});<\/pre>\n<p>Nanti hasilnya seperti ini:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14937\" src=\"https:\/\/img.pugam.com\/2018\/03\/Cara-Disable-Right-Click-dan-Text-Selection-dengan-jQuery-2.jpg\" alt=\"Cara Disable Right Click Dan Text Selection Dengan Jquery 2\" width=\"533\" height=\"331\" \/><\/p>\n<p>Selesai! Beberapa baris kode jQuery di atas sudah cukup ampuh dalam mencegah pencurian konten di situs Anda.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Nonaktifkan_Fungsi_Seleksi_Teks_dengan_CSS\"><\/span>Nonaktifkan Fungsi Seleksi Teks dengan CSS<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Khusus untuk fungsi seleksi teks, ada cara yang lebih sederhana lagi untuk menonaktifkannya, yaitu dengan menggunakan CSS.<\/p>\n<p>Berikut kodenya:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\">body {\r\n  -webkit-touch-callout: none; \/* iOS Safari *\/\r\n    -webkit-user-select: none; \/* Safari *\/\r\n     -khtml-user-select: none; \/* Konqueror HTML *\/\r\n       -moz-user-select: none; \/* Firefox *\/\r\n        -ms-user-select: none; \/* Internet Explorer\/Edge *\/\r\n            user-select: none; \/* Non-prefixed version, currently\r\n                                  supported by Chrome and Opera *\/\r\n}<\/pre>\n<p>Dengan begitu, semua elemen yang berada di dalam tag <code>body<\/code> tidak dapat diseleksi dengan kursor.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">&lt;head&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n  Semua elemen yang ada di sini tidak dapat diseleksi dengan kursor mouse...\r\n&lt;\/body&gt;<\/pre>\n<p>Dengan cara ini, seleksi teks menggunakan tombol <code>CTRL<\/code> + <code>A<\/code> juga tidak dimungkinkan. Tapi bagaimana jika user mencobanya melalui <strong>inspect element<\/strong>? Ya tetap bisa!<\/p>\n<p>Mereka buka inspect element lalu mencari properti CSS di atas dan menonaktifkannya. Saat itu juga kode di atas sudah tidak lagi berfungsi melindungi konten Anda.<\/p>\n<p>Memang tidak ada cara yang 100% efektif, tapi setidaknya kita bisa membuat user harus bersusah payah terlebih dahulu jika ingin menyalin tulisan kita, itu pun jika mereka mengerti bagaimana cara melakukannya.<\/p>\n<p>Seperti yang kita tahu, fungsi inspect element ini bisa diakses dengan berbagai cara selain dengan klik kanan, salah satunya melalui kombinasi tombol keyboard.<\/p>\n<p>Baca artikel ini:<\/p>\n<p>[pg_posts id=&#8221;14959&#8243; posts_per_page=&#8221;1&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Perlu_atau_Tidaknya_Menerapkan_Cara-Cara_di_Atas\"><\/span>Perlu atau Tidaknya Menerapkan Cara-Cara di Atas<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Perlu diketahui bahwa untuk saat ini belum ada cara yang 100% efektif\/ampuh dalam mencegah pencurian konten.<\/p>\n<p>Semua cara yang tersedia masih bisa diakali atau katakanlah di bypass. Sekalipun Anda menonaktifkan kedua fungsi di atas (klik kanan &amp; seleksi teks), orang masih bisa menyalin konten Anda dengan cara mengetik ulang.<\/p>\n<p>Jadi, sekali konten Anda dipublikasikan untuk umum maka orang sudah bisa menjiplak konten Anda dengan mudah, meskipun itu mengharuskan mereka untuk mengetiknya ulang.<\/p>\n<p>Dari sini Anda lah yang menilai, kira-kira perlu atau tidak menerapkan cara-cara di atas setelah Anda tahu bahwa cara-cara tersebut masih bisa diakali.<\/p>\n<p>Satu lagi, tidak sedikit blogger yang menerapkan penggunaan watermark pada setiap gambar di blog mereka. Apakah ini perlu?<\/p>\n<p>Jawabannya YA jika Anda seorang blogger traveller atau blog yang menampilkan konten berupa gambar hasil karya Anda sendiri.<\/p>\n<p>Atau katakanlah Anda seorang fotografer, maka silakan menggunakan watermark sebagai tanda bahwa konten tersebut sepenuhnya milik Anda dan tidak boleh ada orang lain yang menggunakannya tanpa seizin Anda.<\/p>\n<p>Tapi jika Anda masih menggunakan gambar yang ada di Google terus Anda tempel watermark, kira-kira wajar atau tidak?<\/p>\n<p>Kalau kata saya sih itu orang <em>lieurrr<\/em>. Maaf kalau ada yang tersinggung, tapi saya harap Anda sadar bahwa penggunaan watermark yang tepat bukan seperti itu.<\/p>\n<p>Bukan Anda searching gambar di google, edit-edit sedikit, dimasukkan ke blog sendiri dan dipasangi watermark.<\/p>\n<p>Thanks.<\/p>\n","protected":false},"excerpt":{"rendered":"Pembahasan kali ini cukup menarik menurut saya. Isu tentang &#8220;pencurian konten&#8221; di internet selalu menjadi hal yang menarik untuk dibahas, \n<a class=\"moretag\" href=\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/\"> ...<\/a>","protected":false},"author":3,"featured_media":14924,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","two_page_speed":[]},"categories":[2105],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cara Disable Right Click dan Text Selection dengan jQuery | Pugam<\/title>\n<meta name=\"description\" content=\"Cara Disable Right Click dan Text Selection dengan jQuery | Cara Disable Right Click dan Text Selection dengan jQuery\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Disable Right Click dan Text Selection dengan jQuery | Pugam\" \/>\n<meta property=\"og:description\" content=\"Cara Disable Right Click dan Text Selection dengan jQuery | Cara Disable Right Click dan Text Selection dengan jQuery\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Pugam\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pugamdotcom\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/pugamdotcom\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-03-14T17:34:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-08-16T16:17:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/img.pugam.com\/2018\/03\/Cara-Disable-Right-Click-dan-Text-Selection-dengan-jQuery.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"380\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Biralie Nugraha\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Biralie Nugraha\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/\"},\"author\":{\"name\":\"Biralie Nugraha\",\"@id\":\"https:\/\/www.pugam.com\/#\/schema\/person\/b903cfe7ebcaa1948d7db8622a7d056c\"},\"headline\":\"Cara Disable Right Click dan Text Selection dengan jQuery\",\"datePublished\":\"2018-03-14T17:34:00+00:00\",\"dateModified\":\"2018-08-16T16:17:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/\"},\"wordCount\":986,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.pugam.com\/#\/schema\/person\/4226929fc3ad7c26a33895e82a9bbcd4\"},\"articleSection\":[\"Web Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/\",\"url\":\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/\",\"name\":\"Cara Disable Right Click dan Text Selection dengan jQuery | Pugam\",\"isPartOf\":{\"@id\":\"https:\/\/www.pugam.com\/#website\"},\"datePublished\":\"2018-03-14T17:34:00+00:00\",\"dateModified\":\"2018-08-16T16:17:38+00:00\",\"description\":\"Cara Disable Right Click dan Text Selection dengan jQuery | Cara Disable Right Click dan Text Selection dengan jQuery\",\"breadcrumb\":{\"@id\":\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pugam.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Development\",\"item\":\"https:\/\/www.pugam.com\/.\/web-development\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Cara Disable Right Click dan Text Selection dengan jQuery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pugam.com\/#website\",\"url\":\"https:\/\/www.pugam.com\/\",\"name\":\"Pugam\",\"description\":\"Techno Guide\",\"publisher\":{\"@id\":\"https:\/\/www.pugam.com\/#\/schema\/person\/4226929fc3ad7c26a33895e82a9bbcd4\"},\"alternateName\":\"Pugam.com\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pugam.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.pugam.com\/#\/schema\/person\/4226929fc3ad7c26a33895e82a9bbcd4\",\"name\":\"Asterix\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.pugam.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/img.pugam.com\/2018\/11\/Rendy-Image-Profile.jpg\",\"contentUrl\":\"https:\/\/img.pugam.com\/2018\/11\/Rendy-Image-Profile.jpg\",\"width\":750,\"height\":750,\"caption\":\"Asterix\"},\"logo\":{\"@id\":\"https:\/\/www.pugam.com\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pugamdotcom\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pugam.com\/#\/schema\/person\/b903cfe7ebcaa1948d7db8622a7d056c\",\"name\":\"Biralie Nugraha\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.pugam.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/img.pugam.com\/2018\/02\/avatar1.png\",\"contentUrl\":\"https:\/\/img.pugam.com\/2018\/02\/avatar1.png\",\"caption\":\"Biralie Nugraha\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pugamdotcom\/\"],\"url\":\"https:\/\/www.pugam.com\/profile\/anggrisixpack9aydftt186\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Disable Right Click dan Text Selection dengan jQuery | Pugam","description":"Cara Disable Right Click dan Text Selection dengan jQuery | Cara Disable Right Click dan Text Selection dengan jQuery","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/","og_locale":"en_US","og_type":"article","og_title":"Cara Disable Right Click dan Text Selection dengan jQuery | Pugam","og_description":"Cara Disable Right Click dan Text Selection dengan jQuery | Cara Disable Right Click dan Text Selection dengan jQuery","og_url":"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/","og_site_name":"Pugam","article_publisher":"https:\/\/www.facebook.com\/pugamdotcom\/","article_author":"https:\/\/www.facebook.com\/pugamdotcom\/","article_published_time":"2018-03-14T17:34:00+00:00","article_modified_time":"2018-08-16T16:17:38+00:00","og_image":[{"width":750,"height":380,"url":"https:\/\/img.pugam.com\/2018\/03\/Cara-Disable-Right-Click-dan-Text-Selection-dengan-jQuery.jpg","type":"image\/jpeg"}],"author":"Biralie Nugraha","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Biralie Nugraha","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/#article","isPartOf":{"@id":"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/"},"author":{"name":"Biralie Nugraha","@id":"https:\/\/www.pugam.com\/#\/schema\/person\/b903cfe7ebcaa1948d7db8622a7d056c"},"headline":"Cara Disable Right Click dan Text Selection dengan jQuery","datePublished":"2018-03-14T17:34:00+00:00","dateModified":"2018-08-16T16:17:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/"},"wordCount":986,"commentCount":0,"publisher":{"@id":"https:\/\/www.pugam.com\/#\/schema\/person\/4226929fc3ad7c26a33895e82a9bbcd4"},"articleSection":["Web Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/","url":"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/","name":"Cara Disable Right Click dan Text Selection dengan jQuery | Pugam","isPartOf":{"@id":"https:\/\/www.pugam.com\/#website"},"datePublished":"2018-03-14T17:34:00+00:00","dateModified":"2018-08-16T16:17:38+00:00","description":"Cara Disable Right Click dan Text Selection dengan jQuery | Cara Disable Right Click dan Text Selection dengan jQuery","breadcrumb":{"@id":"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pugam.com\/14923\/cara-disable-right-click-dan-text-selection-dengan-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pugam.com\/"},{"@type":"ListItem","position":2,"name":"Web Development","item":"https:\/\/www.pugam.com\/.\/web-development\/"},{"@type":"ListItem","position":3,"name":"Cara Disable Right Click dan Text Selection dengan jQuery"}]},{"@type":"WebSite","@id":"https:\/\/www.pugam.com\/#website","url":"https:\/\/www.pugam.com\/","name":"Pugam","description":"Techno Guide","publisher":{"@id":"https:\/\/www.pugam.com\/#\/schema\/person\/4226929fc3ad7c26a33895e82a9bbcd4"},"alternateName":"Pugam.com","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pugam.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.pugam.com\/#\/schema\/person\/4226929fc3ad7c26a33895e82a9bbcd4","name":"Asterix","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.pugam.com\/#\/schema\/person\/image\/","url":"https:\/\/img.pugam.com\/2018\/11\/Rendy-Image-Profile.jpg","contentUrl":"https:\/\/img.pugam.com\/2018\/11\/Rendy-Image-Profile.jpg","width":750,"height":750,"caption":"Asterix"},"logo":{"@id":"https:\/\/www.pugam.com\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pugamdotcom\/"]},{"@type":"Person","@id":"https:\/\/www.pugam.com\/#\/schema\/person\/b903cfe7ebcaa1948d7db8622a7d056c","name":"Biralie Nugraha","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.pugam.com\/#\/schema\/person\/image\/","url":"https:\/\/img.pugam.com\/2018\/02\/avatar1.png","contentUrl":"https:\/\/img.pugam.com\/2018\/02\/avatar1.png","caption":"Biralie Nugraha"},"sameAs":["https:\/\/www.facebook.com\/pugamdotcom\/"],"url":"https:\/\/www.pugam.com\/profile\/anggrisixpack9aydftt186\/"}]}},"jetpack_featured_media_url":"https:\/\/img.pugam.com\/2018\/03\/Cara-Disable-Right-Click-dan-Text-Selection-dengan-jQuery.jpg","jetpack-related-posts":[{"id":15253,"url":"https:\/\/www.pugam.com\/15253\/cara-melihat-password-yang-tersembunyi-dibalik-tanda-bintang\/","url_meta":{"origin":14923,"position":0},"title":"3 Cara Melihat Password yang Tersembunyi Dibalik Tanda Bintang","date":"1 Apr 2018","format":false,"excerpt":"Ketika Anda menginput password di sebuah layanan online seperti Facebook, maka browser secara otomatis akan menyembunyikannya dibalik simbol bintang (asterisk) atau simbol berbentuk bulat (bullets). Hal ini dilakukan untuk mencegah ada orang lain disekitar Anda yang dapat melihat password tersebut ketika Anda mengetiknya. Tapi ada banyak alasan kenapa prosedur seperti\u2026","rel":"","context":"In &quot;Internet&quot;","img":{"alt_text":"Cara Melihat Password Dibalik Simbol Asterisks Di Browser","src":"https:\/\/i0.wp.com\/img.pugam.com\/2018\/03\/Cara-Melihat-Password-Dibalik-Simbol-Asterisks-di-Browser.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":18645,"url":"https:\/\/www.pugam.com\/18645\/download-yowhatsapp-terbaru-2023\/","url_meta":{"origin":14923,"position":1},"title":"Download YoWhatsApp Versi Terbaru v10.03 (Anti-BAN) 2024","date":"18 Oct 2018","format":false,"excerpt":"Terakhir diperbarui May 2024 Versi saat ini 10.03\u00a0 Ukuran file 64 MB Pengembang Fouad Mokdad System requirements Android 4.0+ YoWhatsApp adalah MOD (modifikasi) dari aplikasi WhatsApp dengan lebih banyak fitur yang tidak akan Anda dapatkan di WhatsApp versi resmi. YoWhatsApp juga merupakan MOD WhatsApp paling populer hingga saat ini\u2026","rel":"","context":"In &quot;Android&quot;","img":{"alt_text":"Download Yowhatsapp Versi Terbaru Thumbnail","src":"https:\/\/i0.wp.com\/img.pugam.com\/2018\/10\/Download-YoWhatsApp-Versi-Terbaru-Thumbnail.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":19823,"url":"https:\/\/www.pugam.com\/19823\/cara-mencari-akun-facebook-seseorang-berdasarkan-nomor-telepon\/","url_meta":{"origin":14923,"position":2},"title":"Cara Mencari Akun Facebook Seseorang Berdasarkan Nomor Telepon","date":"9 Dec 2018","format":false,"excerpt":"Salah satu pertanyaan yang masih sering muncul terkait Facebook adalah: Bisakah kita menemukan akun seseorang di Facebook berdasarkan nomor telepon? Jawabannya, bisa! Sebelum itu, saya akan jelaskan kondisi paling umum kenapa mungkin seseorang ingin menemukan akun Facebook orang lain hanya berdasarkan nomor telepon. Ketika misalnya Anda baru berkenalan dengan seseorang\u2026","rel":"","context":"In &quot;Internet&quot;","img":{"alt_text":"Cara Mencari Akun Facebook Seseorang Berdasarkan Nomor Telepon","src":"https:\/\/i0.wp.com\/img.pugam.com\/2018\/12\/Cara-Mencari-Akun-Facebook-Seseorang-Berdasarkan-Nomor-Telepon.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":20375,"url":"https:\/\/www.pugam.com\/20375\/panduan-lengkap-cara-membuat-dan-mengelola-kata-sandi-aplikasi-sosial-media-anda\/","url_meta":{"origin":14923,"position":3},"title":"Panduan Lengkap: Cara Membuat dan Mengelola Kata Sandi Aplikasi Sosial Media Anda","date":"29 Mar 2023","format":false,"excerpt":"Saat ini, penggunaan aplikasi sosial media sangat populer di Indonesia. Seiring dengan meningkatnya popularitas aplikasi seperti GBWhatsApp, YoWhatsApp, dan cara mengelola akun Facebook, penting bagi pengguna untuk mengetahui cara membuat dan mengelola kata sandi yang aman untuk melindungi informasi pribadi mereka. Artikel ini akan membahas cara membuat dan mengelola kata\u2026","rel":"","context":"In &quot;Android&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6917,"url":"https:\/\/www.pugam.com\/6917\/upgrade-kartu-sim-telkomsel-ke-4g-terkendala-data-perbankan\/","url_meta":{"origin":14923,"position":4},"title":"Upgrade Kartu SIM Telkomsel ke 4G Terkendala Data Perbankan","date":"30 Dec 2016","format":false,"excerpt":"Sebelum Anda lanjut membaca ke bawah, kesimpulan untuk tulisan kali ini: \"Meskipun Anda datang ke GraPARI, kartu telkomsel yang terintegrasi\/digunakan untuk layanan perbankan tidak bisa di upgrade ke 4G. Itu berdasarkan apa yang saya alami pada bulan Desember 2016, untuk kebijakan yang sekarang saya kurang tahu.\" PUGAM.com - Dalam rangka\u2026","rel":"","context":"In &quot;Internet&quot;","img":{"alt_text":"Upgrade Kartu SIM Telkomsel ke 4G Terkendala Data Perbankan","src":"https:\/\/i0.wp.com\/img.pugam.com\/2016\/12\/IMG20161223095544.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":20161,"url":"https:\/\/www.pugam.com\/20161\/cara-menggunakan-dpfilelist-generator-pro-evolutin-soccer\/","url_meta":{"origin":14923,"position":5},"title":"Cara Menggunakan DpFileList Generator (Pro Evolution Soccer)","date":"25 May 2019","format":false,"excerpt":"Sesuai namanya, DpFileList Generator adalah tool yang dapat digunakan untuk membuat atau me-regenerasi file DpFileList.bin. Game seperti Pro Evolution Soccer menggunakan file ini untuk memuat konten permainan. Lalu apa fungsi DpFileList Generator di game seperti PES ini? Jika Anda ingin menambahkan konten baru ke dalam game, seperti sepatu atau kostum\u2026","rel":"","context":"In &quot;Umum&quot;","img":{"alt_text":"Cara Menggunakan Dpfilelist Generator","src":"https:\/\/i0.wp.com\/img.pugam.com\/2019\/05\/Cara-Menggunakan-DpFileList-Generator.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/posts\/14923"}],"collection":[{"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/comments?post=14923"}],"version-history":[{"count":0,"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/posts\/14923\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/media\/14924"}],"wp:attachment":[{"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/media?parent=14923"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/categories?post=14923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}