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
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 FazlaHaber 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