LoginSignup
2
1

More than 3 years have passed since last update.

【jQuery】右クリックしたら他のサイトへ飛ばす

Posted at

右クリック禁止!というサイトがありますが、もういっそ右クリック禁止の約束を破ったら帰ってもらったらいいんじゃないかと思って、右クリックしてしまったら別のサイトに飛んでもらうjQueryを作ってみました。
デモページ

デモページは以下から。右クリックすると別ページの飛ぶので注意。

右クリックしたら他のサイトへ飛ばすのデモページ

デモページ

JavaScript

デフォルトだと、みんな大好きyahoo.jpに飛びます。optionのurlを指定し、飛ばしたいサイトのurlを入れておけばそちらのサイトに飛ぶようになります。

(function($){
  $.fn.rightClickEscape = function(options){
    var defaults = {
      url : 'http://www.yahoo.jp/'
    };
    var setting = $.extend(defaults,options);

    $(this).bind('contextmenu', function() {
      location.href= setting.url;
      return false;
    });
  };
})(jQuery);

$(function(){
  //デフォルト
  $('body').rightClickEscape();
  //指定したサイトに飛ばしたい場合
  $('body').rightClickEscape({
    url : 'http://webdrawer.net/'
  });
});

転載元の記事

サイトで右クリックしたら他のサイトへ飛ばすjQuery

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1