Bir Web Sayfasında Metin Seçimi, Kes, Kopyala, Yapıştır ve Sağ Tıklama Nasıl Devre Dışı Bırakılır

Bir Web Sayfasında Metin Seçimi, Kes, Kopyala, Yapıştır ve Sağ Tıklama Nasıl Devre Dışı Bırakılır

Başkalarının web sitenizden içerik çalmasını önlemek istiyorsanız, bunu bir dereceye kadar CSS, JavaScript ve jQuery yardımıyla yapabilirsiniz. Bu makalede, bir web sayfasında metin seçimini, kesmeyi, kopyalamayı, yapıştırmayı ve sağ tıklamayı nasıl devre dışı bırakacağınızı öğreneceksiniz.





CSS veya JavaScript Kullanarak Metin Seçimini Devre Dışı Bırakma

CSS, JavaScript veya jQuery kullanarak tam bir web sayfasının veya sayfanın bir bölümünün metin seçimini devre dışı bırakabilirsiniz.





iphone yedeklemesini harici sürücüye taşı

JavaScript Kullanarak Tam Web Sayfasının Metin Seçimini Devre Dışı Bırakma

Kullanmak onmousedown ve onselectstart ile olay öznitelikleri vücut tam bir web sayfasının metin seçimini devre dışı bırakmak için etiket. Bu olaylar, tarayıcıların varsayılan davranışını geçersiz kılar.









This is the title of the web page



Founded in 2007, MUO has grown into one of the largest online technology publications on the web.
Our expertise in all things tech has resulted in millions of visitors every month and hundreds of thousands of fans on social media.
We believe that technology is only as useful as the one who uses it.
Our aim is to equip readers like you with the know-how to make the most of today's tech, explained in simple terms that anyone can understand.
We also encourage readers to use tech in productive and meaningful ways.


JavaScript Kullanarak Web Sayfasının Bir Bölümünün Metin Seçimini Devre Dışı Bırakma

Kullanmak onmousedown ve onselectstart ile olay öznitelikleri HTML üzerinde metin seçimini devre dışı bırakmak istediklerinizi etiketleyin. Aşağıdaki örnekte, metin seçimi 2. için devre dışı bırakılmıştır. div etiket.





This is the title of the web page



Text selection is enabled for this text.


Text selection is disabled for this text.


CSS Kullanarak Tam Web Sayfasının Metin Seçimini Devre Dışı Bırakma

Kullan kullanıcı seçimi ile CSS özelliği vücut tam bir web sayfasının metin seçimini devre dışı bırakmak için etiket. Bazı tarayıcılar için önce bir uzantı eklemeniz gerekir. kullanıcı seçimi . İşte tüm tarayıcılar için özelliklerin tam listesi:



  • Krom , Opera : kullanıcı seçimi
  • Safari : -webkit-kullanıcı-seçimi
  • Mozilla : -moz-kullanıcı-seçimi
  • IE 10+ : -ms-kullanıcı-seçimi

Metin seçimini devre dışı bırakmak için tüm bu özellikleri hiçbiri olarak ayarlamanız gerekir.





This is the title of the web page

body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}




Founded in 2007, MUO has grown into one of the largest online technology publications on the web.
Our expertise in all things tech has resulted in millions of visitors every month and hundreds of thousands of fans on social media.
We believe that technology is only as useful as the one who uses it.
Our aim is to equip readers like you with the know-how to make the most of today's tech, explained in simple terms that anyone can understand.
We also encourage readers to use tech in productive and meaningful ways.


CSS Kullanarak Web Sayfasının Bir Bölümünün Metin Seçimini Devre Dışı Bırakma

Kullanmak kullanıcı seçimi ile CSS özelliği HTML metin seçimini devre dışı bırakmak istediklerinizi etiketleyin. Bu HTML öğelerini bir sınıf veya kimlik kullanarak hedefleyebilirsiniz. Aşağıdaki örnekte, metin seçimi 2. için devre dışı bırakılmıştır. div etiket. Burada sınıf, 2. div'i hedeflemek için kullanılır.





İlgili: 10 Dakikada Öğrenebileceğiniz 10 Basit CSS Kodu Örneği





This is the title of the web page

.disable-text-selection {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}




Text selection is enabled for this text.


Text selection is disabled for this text.


JavaScript Kullanarak Kes, Kopyala ve Yapıştır Nasıl Devre Dışı Bırakılır

kullanarak kes, kopyala ve yapıştır özelliğini devre dışı bırakabilirsiniz. oncut , onkopi , ve yapıştırmak hedef HTML öğeleriyle olay öznitelikleri. Web sayfasının tamamı için kes, kopyala ve yapıştır özelliğini devre dışı bırakmak istiyorsanız, gövde etiketiyle bu etkinlik özniteliklerini kullanmanız gerekir. Sürükle ve bırak özelliğini kullanarak da devre dışı bırakabilirsiniz. ondrag ve ondrop olay öznitelikleri. Aşağıdaki örnekte, giriş etiketi için kes, kopyala, yapıştır, sürükle ve bırak işlemleri devre dışı bırakılmıştır.





İlgili: JavaScript Nedir ve Nasıl Çalışır?





This is the title of the web page



Cut, Copy, and Paste is disabled for the below input element.

type='text'
onselectstart='return false'
oncut='return false'
oncopy='return false'
onpaste='return false'
ondrag='return false'
ondrop='return false'
/>

jQuery Kullanarak Kes, Kopyala ve Yapıştır Nasıl Devre Dışı Bırakılır

jQuery kullanarak bir web sayfasında kesme, kopyalama ve yapıştırmayı devre dışı bırakabilirsiniz. bağ() işlev. İçinde bağ() işlevi, bir kullanıcı web sayfasında herhangi bir şeyi kesmeye, kopyalamaya veya yapıştırmaya çalıştığında tetiklenen kesme, kopyalama ve yapıştırma olaylarını belirtmeniz gerekir. Yüklemek için komut dosyası etiketini head bölümüne yerleştirdiğinizden emin olun. jQuery kullanmadan önce.

İlgili: jQuery'de Element Oluşturmayı Öğrenin





This is the title of the web page




Cut, Copy, and Paste is disabled for the complete web page.



$(document).ready(function() {
$('body').bind('cut copy paste', function(event) {
event.preventDefault();
});
});


JavaScript Kullanarak Bir Web Sayfasında Sağ Tıklama Nasıl Devre Dışı Bırakılır

kullanarak web sayfanıza sağ tıklamayı devre dışı bırakabilirsiniz. bağlam menüsü olay ve olay işleyicisine 'yanlış döndürme' dahil.





This is the title of the web page



Right Click is disabled for the complete web page.


document.oncontextmenu = new Function('return false');


jQuery Kullanarak Bir Web Sayfasında Sağ Tıklama Nasıl Devre Dışı Bırakılır

kullanarak web sayfanıza sağ tıklamayı devre dışı bırakabilirsiniz. bağlam menüsü Etkinlik.





This is the title of the web page




Right Click is disabled for the complete web page.


$(document).bind('contextmenu',function(e){
return false;
});


Web Sitenizi Siber Suçlulardan Koruyun

Siber suçlular, verileri çalmak, web sitelerini spam yapmak veya korunan sayfalardan hassas bilgileri kesmek için ellerindeki her olası aracı kullanır. Bunları önlemek için web sitenize bir güvenlik katmanı eklemek zorunludur. Spam web sitesi formları, bugünlerde en yaygın saldırılardan biridir. Bu spam saldırılarından kaçınmak için web sitenizin formlarına CAPTCHA doğrulaması eklemeyi deneyin.

dizüstü bilgisayarınızı her zaman fişe takılı mı bırakmalısınız?
Paylaş Paylaş Cıvıldamak E-posta HTML, CSS ve JavaScript Kullanarak CAPTCHA Doğrulama Formu Oluşturun

CAPTCHA doğrulaması ile web sitelerinizi güvenli hale getirin.

Sonrakini Oku
İlgili konular
  • Programlama
  • Web Geliştirme
  • jQuery
  • CSS
Yazar hakkında Yuvraj Chandra(60 Makale Yayımlandı)

Yuvraj, Hindistan Delhi Üniversitesi'nde Bilgisayar Bilimleri lisans öğrencisidir. Full Stack Web Geliştirme konusunda tutkulu. Yazmadığı zamanlarda farklı teknolojilerin derinliğini keşfediyor.

Yuvraj Chandra'dan Daha Fazla

Haber bültenimize abone ol

Teknik ipuçları, incelemeler, ücretsiz e-kitaplar ve özel fırsatlar için bültenimize katılın!

Abone olmak için buraya tıklayın