گروه مقاله : جاوا اسكريپت Java Script
تاريخ انتشار : 1395/07/28 - 09:32
كد :7231
در اینجا یک مثال کاربردی برای غیر فعال کردن cut و copy و paste آورده ایم من مثال را برای یک خط خاص اجرا کرده ام ولی اگر می خواهید میتوانید کل Body را برای این منظور در نظر بگیرید و کل سایت شما برای copy و cut و paste غیر فعال خواهد شد.
کلیک ، کات ، کپی و Paste را غیر فعال کنید.
در این آموزش ما به شما نشان خواهیم داد که چگونه راست کلیک ، کات ، کپی و Paste را با استفاده از Jquery غیر فعال می کنید.
برای غیر فعال کردن کلیک ، کات ، کپی و Paste تنها یک مرحله وجود دارد:
1. ایجاد یک HTML فایل برای درج کد های و اسکریپت ها
گام 1. در این گام ما برای درج کد های HTML و اسکریپت های مورد نیاز یک فایل HTML ایجاد کرده ایم
این فایل با نام disable.html ایجاد و ذخیره گردیده است.
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function ()
{
$('#modify_div').bind('cut copy paste', function (e)
{
e.preventDefault();
});
$("#modify_div").on("contextmenu",function(e)
{
return false;
});
});
</script>
</head>
<body>
<div id="wrapper">
<div id="modify_div">
<p>
This is a sample content and This is a demo of Smooth Scrolling Div Using jQuery
This is a sample content and This is a demo of Smooth Scrolling Div Using jQuery
</p>
</div>
</div>
</body>
</html>
در این گام ما یک تگ DIV ایجاد و چند خط ساده برای امتحان کردن کلیک ، کات ، کپی و Paste در آن ایجاد کرده ایم وما از $(document).ready برای غیر فعال کردن کات ، کپی و PASTE بعد از بارگذاری صفحه استفاده کرده ایم. ما اینجا تنها برای 'modify_div' محدویت ایجاد کرده ایم ولی اگر دوست دارید می توانید بجای آن از Body استفاده کنید تا تمام سایت شما در برابر کات ، کپی ، Paste محافظت شود.
کار ما همینجا به آخر رسیده است. شما می توانید کد ها را بر اساس نیاز خود ویرایش کنید.