javascript - jQuery RightClick Handler Plugin -


i looking way distinguish different click types in mouse events jquery. ended small plugin seems work. feedback on it.

the main difficulty emulate dom event "click" or "mousedown" le right mouse button.

if(jquery) (function(){      $.extend($.fn, {          rightclick: function(handler) {             $(this).each( function() {                 $(this).on("rightclick", function(e,event) {                     handler(event);                 });             });             return $(this);         },                rightmousedown: function(handler) {             $(this).each( function() {                 $(this).on("rightmousedown",function(e,event) {                     handler(event);                 });             });             return $(this);         },          rightmouseup: function(handler) {             $(this).each( function() {                 $(this).on("rightmouseup",function(e,event) {                     handler(event);                 });             });             return $(this);         },          leftclick: function(handler) {             $(this).each( function() {                 $(this).on("leftclick", function(e,event) {                     handler(event);                 });             });             return $(this);         },                leftmousedown: function(handler) {             $(this).each( function() {                 $(this).on("leftmousedown",function(e,event) {                     handler(event);                 });             });             return $(this);         },          leftmouseup: function(handler) {             $(this).each( function() {                 $(this).on("leftmouseup",function(e,event) {                     handler(event);                 });             });             return $(this);         },          nocontext: function() {             $(this).each( function() {                 $(this)[0].oncontextmenu = function() {                     return false;                 }             });             return $(this);         }      });     $(document).on({         click:function(e){             $(e.target).trigger("leftclick",e);             e.stoppropagation();         },         mousedown:function(e){             if(e.button == 0){                 $(e.target).trigger("leftmousedown",e);             }             if(e.button == 2){                 $(e.target).trigger("rightmousedown",e);             }             e.stoppropagation();         },         mouseup:function(e){             if(e.button == 0){                 $(e.target).trigger("leftmouseup",e);             }             if(e.button == 2){                 $(e.target).trigger("rightmouseup",e);             }             e.stoppropagation();         },         contextmenu:function(e){             $(e.target).trigger("rightclick",e);             e.stoppropagation();             return false;         }     },"*"); })(jquery);

try this:

$(document).ready(function(){    document.oncontextmenu = function() {return false;};    $(document).mousedown(function(e){      if( e.button == 2 ) { //2 right click, 3 mouse wheel click       alert('right mouse button!');        return false;      }      return true;    });  });

jsfiddle


Comments

Post a Comment

Popular posts from this blog

How can I fetch data from a web server in an android application? -

i want retrieve data web server in android application, , don't know begin. should use web services? i recommend these tutorials: connect android php , mysql , json in android , php , mysqli i used these tutorials , managed trying working without difficulty. between them describe each step in how attempting @ each stage, android application, database , web server side , has information included can process , use received information the thing add connect android php , mysql tutorial makes use of mysql_ in php deprecated. better use mysqli why included third link. the basic outline of want this: 1) in android app make request server php script using class this: import java.io.bufferedreader; import java.io.ioexception; import java.io.inputstream; import java.io.inputstreamreader; import java.io.unsupportedencodingexception; import java.util.list; import org.apache.http.httpentity; import org.apache.http.httpresponse; import org.apache.http.namevaluepair...
Read more

android - java.net.UnknownHostException(Unable to resolve host “URL”: No address associated with hostname) -

i developing app testing asp.net webservice in android.for simple webservice adding 2 numbers used.where numbers passed parameters.the result in dialogue.the webserver works in local. when application runs following result exception.i provided internet permission in manifest. java.net.unknownhostexception(unable resolve host “ http://url.com/ ”: no address associated hostname) my code given below main activity public static string rslt=""; /** called when activity first created. */ @override public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); button b1=(button)findviewbyid(r.id.button1); final alertdialog ad=new alertdialog.builder(this).create(); b1.setonclicklistener(new onclicklistener() { @override public void onclick(view arg0) { // todo auto-generated method stub try { ...
Read more

jquery - How can I dynamically add a browser tab? -

since using iframes house external pages are, accounts "not preferred method" , disallowed sites (flickr, one), want dynamically generate browser tabs. e.g., when user submits form, want dynamically generate tab on browser in response submitted. e.g., might want add new tab url like: http://www.bigsurgarrapata.com/contact how in jquery? you want form target attribute action attribute. http://www.w3schools.com/tags/att_form_target.asp browsers have ultimate control on result of target attribute open new tab value of _blank. <form action="contact_submit.php" target="_blank" method="post">
Read more