در این مقاله نحوه محدود کردن کاربر یا غیر فعال کردن راست کلیک در صفحه با استفاده از دستورات Java Script و JQuery را شرح میدهیم

برای غیر فعال کردن راست کلیک ابتدا کد زیر را در قسمت Head قرار می دهیم .

اسکریپت نوشته شده شامل سه رویداد میباشد .

OnMouseDown این رویداد ابتدا چک میکند که صفحه شامل لایه میباشد و اگر لایه داشت , رویداد OnMouseDown گرفته میشود و داخل این رویداد خود رویداد با برگرداندن متد لغو می گردد .

OnMouseUp اگر صفحه شامل هیچ لایه ای نبود , ابتدا چک میشود که دکمه Mouse کلیک می شود و پس از اطمینان از کلیک سپس تشخیص می دهد که کدام دکمه Mouse کلیک شده .

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

دستور غیر فعال کردن راست کلیک در 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>