Plugin jQuery Klik-Kanan

Tabel Konten
  1. Dasar Penggunaan 
    1. Aksi Klik Kanan 
    2. MouseDown dengan Klik Kanan 
    3. MouseUp dengan Klik Kanan 
    4. Menonaktifkan Klik Kanan 
jQuery Right-Click
// jQuery Right-Click Plugin
// Version 1.01
// Cory S.N. LaViska
// A Beautiful Site (http://abeautifulsite.net/)
// 20 December 2008
// License: This plugin is dual-licensed under the GNU General Public License and the MIT License
// and is copyright 2008 A Beautiful Site, LLC. 

if(jQuery) (function(){
 
 $.extend($.fn, {
  
  rightClick: function(handler) {
   $(this).each( function() {
    $(this).mousedown( function(e) {
     var evt = e;
     $(this).mouseup( function() {
      $(this).unbind('mouseup');
      if( evt.button == 2 ) {
       handler.call( $(this), evt );
       return false;
      } else {
       return true;
      }
     });
    });
    $(this)[0].oncontextmenu = function() {
     return false;
    }
   });
   return $(this);
  },  
  
  rightMouseDown: function(handler) {
   $(this).each( function() {
    $(this).mousedown( function(e) {
     if( e.button == 2 ) {
      handler.call( $(this), e );
      return false;
     } else {
      return true;
     }
    });
    $(this)[0].oncontextmenu = function() {
     return false;
    }
   });
   return $(this);
  },
  
  rightMouseUp: function(handler) {
   $(this).each( function() {
    $(this).mouseup( function(e) {
     if( e.button == 2 ) {
      handler.call( $(this), e );
      return false;
     } else {
      return true;
     }
    });
    $(this)[0].oncontextmenu = function() {
     return false;
    }
   });
   return $(this);
  },
  
  noContext: function() {
   $(this).each( function() {
    $(this)[0].oncontextmenu = function() {
     return false;
    }
   });
   return $(this);
  }
  
 });
 
})(jQuery);

Dasar Penggunaan 

Aksi Klik Kanan 

$('#selektor').rightClick(function(e) {
     ...
});

MouseDown dengan Klik Kanan 

$('#selektor').rightMouseDown(function(e) {
     ...
});

MouseUp dengan Klik Kanan 

$('#selektor').rightMouseUp(function(e) {
     ...
});

Menonaktifkan Klik Kanan 

$('#selektor').noContext();

Sumber: http://abeautifulsite.net

3 Komentar

  • Unknown

    Ngomeng2 Gimana cara nerapinnya nih,

  • Taufik Nurrohman

    @Zh!nTho: Yang namanya plugin ya cuma tambahan. Tinggal taruh saja di antara script JQuery. Nanti plugin itu bisa bertugas sendiri saat kamu menuliskan dasar penggunaannya.

  • Unknown

    Namax juga orang gak ngerti gan pasti bingung mau naruh di mana

Komentar telah ditutup.