نحوه غیرفعال کردن انتخاب متن ، برش ، کپی ، جایگذاری و کلیک راست روی یک صفحه وب


اگر می خواهید از سرقت مطالب از وب سایت خود به دیگران جلوگیری کنید ، می توانید با استفاده از CSS ، JavaScript و jQuery تا حدودی این کار را انجام دهید. در این مقاله ، شما می آموزید که چگونه انتخاب متن ، برش ، کپی ، جایگذاری و کلیک راست روی یک صفحه وب را غیرفعال کنید.

انتخاب متن را با استفاده از CSS یا JavaScript غیرفعال کنید

با استفاده از CSS ، JavaScript یا jQuery می توانید انتخاب متن را برای همه یا بخشی از یک صفحه وب غیرفعال کنید.

چگونه می توان با استفاده از JavaScript ، انتخاب صفحه متن کامل را غیرفعال کرد

از ویژگی های رویداد استفاده کنید انحصار و onselectstart با علامت بدن انتخاب متن برای کل صفحه وب را غیرفعال می کند. این رویدادها رفتار پیش فرض مرورگرها را نادیده می گیرند.

 <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>This is the title of the web page</title>
</head>
<body onmousedown="return false" onselectstart="return false">
<div>
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.
</div>
</body>
</html>

چگونه می توان با استفاده از JavaScript ، انتخاب متن برای بخشی از یک صفحه وب را غیرفعال کرد

از ویژگی های رویداد استفاده کنید انحصار و onselectstart با علامت HTML برای کسانی که می خواهید انتخاب متن را غیرفعال کنید. در مثال زیر ، انتخاب متن برای برچسب غیرفعال شده است تقسیم دومین.

 <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>This is the title of the web page</title>
</head>
<body>
<div>
Text selection is enabled for this text.
</div>
<div onmousedown="return false" onselectstart="return false">
Text selection is disabled for this text.
</div>
</body>
</html>

چگونه می توان با استفاده از CSS انتخاب متن را برای یک صفحه وب کامل غیرفعال کرد

از ویژگی CSS استفاده کنید کاربر را انتخاب کنید با برچسب بدن برای انتخاب متن ، کل صفحه وب را غیرفعال کنید. برای بعضی از مرورگرها ، لازم است که پیشوند را قبلاً اضافه کنید شناسه کاربر . در اینجا لیستی کامل از ویژگی ها برای همه مرورگرها آورده شده است:

  • کروم ، اپرا : کاربر را انتخاب کنید
  • سافاری : -webkit-user-select
  • موزیلا : -بانا-شناسه کاربر
  • اینترنت اکسپلورر 10+ : -ms-user-select

برای غیرفعال کردن انتخاب متن ، باید همه این خصوصیات را روی هیچ تنظیم کنید.

 <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>This is the title of the web page</title>
<style>
body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
</head>
<body>
<div>
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.
</div>
</body>
</html>

چگونه انتخاب متن برای بخشی از یک صفحه وب را با استفاده از CSS غیرفعال کنیم

از ویژگی CSS که تعریف می کند استفاده کنید مصرف كننده با علامت HTML برای کسانی که می خواهند انتخاب متن را غیرفعال کنند. می توانید این عناصر HTML را با یک کلاس یا شناسه هدف قرار دهید. در مثال زیر ، انتخاب متن برای برچسب غیرفعال شده است تقسیم دومین. در اینجا از کلاس برای هدف قرار دادن تقسیم دوم استفاده می شود.

مرتبط: 10 نمونه ساده از کدهای CSS که می توانید در عرض 10 دقیقه یاد بگیرید

 <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>This is the title of the web page</title>
<style>
.disable-text-selection {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
</head>
<body>
<div>
Text selection is enabled for this text.
</div>
<div class="disable-text-selection">
Text selection is disabled for this text.
</div>
</body>
</html>

چگونه می توان برش ، کپی و چسباندن را با JavaScript غیرفعال کرد

می توانید برش ، کپی و جایگذاری را با غیرفعال کنید برش آنکوپی ، صفات واقعه خمیرمایه با عناصر HTML هدف. اگر می خواهید برش ، کپی و جایگذاری برای کل صفحه وب را غیرفعال کنید ، باید از این ویژگی های رویداد با برچسب body استفاده کنید. همچنین می توانید با استفاده از کشیدن و رها کردن را غیرفعال کنید ondrag صفات واقعه افتادن در مثال زیر ، برش ، کپی ، جایگذاری و کشیدن و رها کردن برای برچسب ورودی غیرفعال است.

موضوعات مرتبط: جاوا اسکریپت چیست و چگونه کار می کند؟

 <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>This is the title of the web page</title>
</head>
<body>
<div>
Cut, Copy, and Paste is disabled for the below input element.
</div>
<input
type="text"
onselectstart="return false"
oncut="return false"
oncopy="return false"
onpaste="return false"
ondrag="return false"
ondrop="return false"
/>
</body>
</html>

چگونه می توان برش ، کپی و چسباندن را با jQuery غیرفعال کرد

با استفاده از ویژگی jQuery می توانید برش ، کپی و جایگذاری یک صفحه وب را غیرفعال کنید ارتباط () . سر کار ارتباط () ، باید کوتاه کردن ، کپی کردن ، و جایگذاری رویدادهایی را که هنگام تلاش کاربر برای بریدن ، کپی یا جایگذاری چیزی در صفحه وب فعال می شوند ، مشخص کنید. مطمئن شوید که برچسب اسکریپت را در هدر jQuery قرار داده اید تا قبل از استفاده از آن بارگیری شود.

مرتبط: با نحوه ایجاد یک مورد در jQuery آشنا شوید

 <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>This is the title of the web page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<div>
Cut, Copy, and Paste is disabled for the complete web page.
</div>
<input type="text" />
<script type="text/javascript">
$(document).ready(function() {
$('body').bind('cut copy paste', function(event) {
event.preventDefault();
});
});
</script>
</body>
</html>

چگونه دکمه سمت راست صفحه وب را با استفاده از JavaScript غیرفعال کنیم

با استفاده از یک رویداد می توانید دکمه سمت راست ماوس را در صفحه وب خود غیرفعال کنید منوی oncontext وتضمين خطایی در کنترل کننده رویداد برگردانده شده است.

 <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>This is the title of the web page</title>
</head>
<body>
<div>
Right Click is disabled for the complete web page.
</div>
<script type="text/javascript">
document.oncontextmenu = new Function("return false");
</script>
</body>
</html>

چگونه می توان با استفاده از jQuery دکمه سمت راست ماوس را در یک صفحه وب غیرفعال کرد

با استفاده از یک رویداد منو می توانید دکمه سمت راست صفحه وب خود را غیرفعال کنید متن نوشته .

 <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>This is the title of the web page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<div>
Right Click is disabled for the complete web page.
</div>
<script type="text/javascript">
$(document).bind("contextmenu",function(e){
return false;
});
</script>
</body>
</html>

از وب سایت خود در برابر مجرمان اینترنتی محافظت کنید

مجرمان اینترنتی از تمام ابزارهای ممکن در اختیار خود برای سرقت اطلاعات ، وب سایت های تصادفی یا هک اطلاعات حساس از صفحات امن استفاده می کنند. گنجاندن یک لایه امنیتی در وب سایت خود برای جلوگیری از این امر ضروری است. فرم های وب سایت هرزنامه یکی از رایج ترین حملات این روزها است. برای جلوگیری از این حملات هرزنامه ، سعی کنید چک CAPTCHA را به فرم های وب سایت خود اضافه کنید.



منبع

Author: terem

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *