Како онемогућити одабир текста, исецање, копирање, лепљење и десни клик на веб страници

Како онемогућити одабир текста, исецање, копирање, лепљење и десни клик на веб страници

Ако желите да спречите друге да краду садржај са ваше веб локације, то можете донекле учинити уз помоћ ЦСС -а, ЈаваСцрипт -а и јКуери -ја. У овом чланку ћете научити како онемогућити одабир текста, исећи, копирати, залепити и десним тастером миша кликнути на веб страницу.





Онемогућите одабир текста помоћу ЦСС -а или ЈаваСцрипт -а

Можете онемогућити одабир текста целе веб странице или дела странице помоћу ЦСС -а, ЈаваСцрипт -а или јКуери -ја.





изузетак системске услуге Виндовс 10 плавог екрана

Како онемогућити одабир текста комплетне веб странице помоћу ЈаваСцрипт -а

Употреба онмоуседовн и онселецтстарт атрибути догађаја са тело ознаку да бисте онемогућили избор текста целе веб странице. Ови догађаји поништавају подразумевано понашање прегледача.









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.


Како онемогућити одабир текста дела веб странице помоћу ЈаваСцрипт -а

Употреба онмоуседовн и онселецтстарт атрибути догађаја са ХТМЛ означите оне на којима желите да онемогућите избор текста. У доњем примеру, избор текста је онемогућен за 2. див таг.





This is the title of the web page



Text selection is enabled for this text.


Text selection is disabled for this text.


Како онемогућити одабир текста комплетне веб странице помоћу ЦСС -а

Користити усер-селецт ЦСС својство са тело ознака за онемогућавање избора текста целе веб странице. За неке прегледаче морате претходно додати проширење усер-селецт . Ево потпуне листе својстава за све прегледаче:



  • Хром , Опера : усер-селецт
  • Сафари : -вебкит-усер-селецт
  • Мозилла : -моз-усер-селецт
  • ИЕ 10+ : -мс-усер-селецт

Морате поставити сва ова својства на ниједно да бисте онемогућили избор текста.





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.


Како онемогућити одабир текста дела веб странице помоћу ЦСС -а

Употреба усер-селецт ЦСС својство са ХТМЛ означите оне за које желите да онемогућите избор текста. Можете циљати те ХТМЛ елементе помоћу класе или ИД -а. У доњем примеру, избор текста је онемогућен за 2. див таг. Овде се класа користи за циљање другог див.





Повезан: 10 једноставних примера ЦСС кода које можете научити за 10 минута





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.


Како онемогућити исецање, копирање и лепљење помоћу ЈаваСцрипт -а

Можете да онемогућите исецање, копирање и лепљење помоћу онцут , онкопија , и онпасте атрибуте догађаја са циљним ХТМЛ елементима. Ако желите да онемогућите исецање, копирање и лепљење за целу веб страницу, морате да користите ове атрибуте догађаја са ознаком боди. Превлачење и испуштање можете такође онемогућити помоћу ондраг и ондроп атрибути догађаја. У доњем примеру, исецање, копирање, лепљење, превлачење и испуштање онемогућени су за улазну ознаку.





Повезан: Шта је ЈаваСцрипт и како функционише?





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'
/>

Како онемогућити исецање, копирање и лепљење помоћу јКуери -ја

Можете да онемогућите исецање, копирање и лепљење на веб страницу помоћу јКуери -ја бинд () функција. У бинд () функцију, морате навести исецање, копирање и лепљење догађаја који се покрећу када корисник покуша да исече, копира или залепи било шта на веб страници. Обавезно уметните ознаку скрипте у одељак главе да бисте је учитали јКуери пре употребе.

Повезан: Научите како да креирате елемент у јКуери -ју





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();
});
});


Како онемогућити десни клик на веб страницу помоћу ЈаваСцрипт -а

Можете онемогућити десни клик на своју веб страницу помоћу онцонтект мени догађај и укључујући 'ретурн фалсе' у обрађивачу догађаја.





This is the title of the web page



Right Click is disabled for the complete web page.


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


Како онемогућити десни клик на веб страницу помоћу јКуери -ја

Можете онемогућити десни клик на своју веб страницу помоћу садржај догађај.





This is the title of the web page




Right Click is disabled for the complete web page.


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


Заштитите своју веб локацију од сајбер криминалаца

Сајбер криминалци користе све могуће алате који су им на располагању за крађу података, нежељене веб локације или хаковање осетљивих информација са заштићених страница. Укључивање заштитног слоја на вашу веб локацију је неопходно. Нежељени обрасци веб страница један су од најчешћих напада ових дана. Покушајте да додате ЦАПТЦХА проверу у обрасце своје веб локације да бисте избегли ове нежељене нападе.

који су трофеји за снапцхат
Објави Објави Твеет Емаил Направите ЦАПТЦХА образац за проверу користећи ХТМЛ, ЦСС и ЈаваСцрипт

Заштитите своје веб локације помоћу ЦАПТЦХА валидације.

Прочитајте следеће
Повезане теме
  • Програмирање
  • Веб Девелопмент
  • јКуери
  • ЦСС
О аутору Иуврај Цхандра(Објављено 60 чланака)

Иуврај је студент основних студија рачунарства на Универзитету у Делхију у Индији. Он је страствен за Фулл Стацк Веб Девелопмент. Кад не пише, истражује дубину различитих технологија.

Још од Иуврај Цхандра

Претплатите се на наш билтен

Придружите се нашем билтену за техничке савете, критике, бесплатне е -књиге и ексклузивне понуде!

Кликните овде да бисте се претплатили