لینک های غیر قابل راست کلیک در جاواسکریپت

اگر می خواهید در وبسایت خود امکان راست کلیک بر روی لینک ها رو به هر دلیلی بردارید حتما با روش های مختلفی امتحان کردید اما نشده!

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

var idSelector = false;
window.onload = function() {
  document.getElementsByTagName("body")[0].innerHTML += '<style>.link-style { color: #0000EE; cursor: pointer; text-decoration: underline; }</style>';
  if(idSelector) {
    var links = document.querySelectorAll("a#" + idSelector);
  } else {
    var links = document.getElementsByTagName("a");
  }
  for(var i=0, max=links.length; i<max; i++) {
    var getLinkHref = links[i].getAttribute("href");
    links[i].removeAttribute("href");
    links[i].classList.add("link-style");
    links[i].setAttribute("onclick", 'window.location="' + getLinkHref + '";');
  }
};

روند کار این کد بدین صورت هست که لینک های داخل صفحه رو تبدیل به یک نوشته ساده با استایل لینک میکنه و تابعی برای ارجاع به لینک مربوطه در ایونت کلیک اون قرار میده که باعث میشه کاربر نتونه روی لینک راست کلیک کنه اما با کلیک بر روی اون بتونه به صفحه مربوطه ارجاع داده بشه.

همونطور که گفتم این کد تمامی لینک ها بدین شکل درمیاره و برای اعمال محدودیت در این امر باید داخل متغیر idSelector آی دی المنت هایی که می خواهید در این حالت استفاده بشه رو قرار بدید. مثل:

idSelector = 'noRightClick'

 

امیدوارم مطلب و کد به دردتون بخوره