غیرفعال کردن راست کلیک با استفاده از JQuery و JavaScript
چهارشنبه 27 اسفند 1393در این مقاله نحوه غیر فعال کردن راست کلیک در صفحه وب با استفاده از JQuery و JavaScript را شرح میدهیم .
اسکریپت که در ادامه آمده است باید به قسمت head یا body اضافه شود و پس از اجرای نرم افزار راست کلیک موس غیرفعال میشود .
اسکریپت غیرفعال کردن راست کلیک شامل سه رویداد میباشد :
OnMouseDown : اسکریپت ابتدا چک میکند که document آیا Layer دارد و اگر دارد سپس رویداد OnMouseDown را فراخوانی میکند و داخل رویداد handler اگر مقدار false را بر گرداند این رویداد را لغو میکند .
OnMouseUp : و اگر document دو layer داشت سپس رویداد OnMouseUp را فراخوانی میکند , ابتدا تشخیص میدهد که موس کلیک شد حتی راست کلیک یا کلید میانی موس را چک میکند که اگر کلیک شد این رویداد اگر مقدار false را بر گرداند لغو میشود .
OnContextMenu : رویداد OnContextMenu با استفاده از رویداد handler غیر فعال میشود .
اسکریپت مخصوص Java Script :
<script type="text/javascript"> if (document.layers) { //Capture the MouseDown event. document.captureEvents(Event.MOUSEDOWN); //Disable the OnMouseDown event handler. document.onmousedown = function () { return false; }; } else { //Disable the OnMouseUp event handler. document.onmouseup = function (e) { if (e != null && e.type == "mouseup") { //Check the Mouse Button which is clicked. if (e.which == 2 || e.which == 3) { //If the Button is middle or right then disable. return false; } } }; } //Disable the Context Menu event. document.oncontextmenu = function () { return false; }; </script>
اسکریپت مخصوص JQuery :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript"> if (document.layers) { //Capture the MouseDown event. document.captureEvents(Event.MOUSEDOWN); //Disable the OnMouseDown event handler. $(document).mousedown(function () { return false; }); } else { //Disable the OnMouseUp event handler. $(document).mouseup(function (e) { if (e != null && e.type == "mouseup") { //Check the Mouse Button which is clicked. if (e.which == 2 || e.which == 3) { //If the Button is middle or right then disable. return false; } } }); } //Disable the Context Menu event. $(document).contextmenu(function () { return false; }); </script>
- ASP.net
- 4k بازدید
- 1 تشکر