X
X
X
Website Search®
X
Blog Archive®

❖ Plugin JQuery 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();

X

Posting Komentar