troubleshooting Question

Left, Right, DoubleClick functions

Avatar of tonelm54
tonelm54 asked on
jQuery
2 Comments1 Solution15 ViewsLast Modified:

I've been trying for a while to separate different types of click onto a mouse. Originally I used to look at which mouse button is clicked, and then call a different function for each one, and then check if it was double click or not, but its a bit of a mess. What Id like to do is just add a function via a bind, as in:-

$("#divNY").on("click", function() {
  $("#divNY").html("Single Click");
});
$("#divNY").on("rightclick", function() {
  $("#divNY").html("Right Click");
});
$("#divNY").on("dblclick", function() {
  $("#divNY").html("Double Click");
});

Open in new window

If there was a div called 'divNY', like:-

<div id="divNY">nothing yet</div>

Open in new window

Reading up on things, I know I need to add a rightclick function in like to use contextmenu as well:-

(function($) {
  $.fn.rightclick = function(method) {
    $(this).bind("contextmenu rightclick", function(e) {
      e.preventDefault();
      method();
      return false;
    })
  };
})(jQuery);

Open in new window


Ive tried to just use the below, but it doesnt work:-

$("#divNY").on("contextmenu", function() {
  $("#divNY").html("Right Click");
});

Open in new window

Anyone know how I can use my code like:-

$("#divNY").on("click", function() {
  $("#divNY").html("Single Click");
});
$("#divNY").on("rightclick", function() {
  $("#divNY").html("Right Click");
});
$("#divNY").on("dblclick", function() {
  $("#divNY").html("Double Click");
});

Open in new window


Ive put my work soo far on a jsfiddle at - https://jsfiddle.net/m3yfrt7q/


Huge thanks in advance :-)

ASKER CERTIFIED SOLUTION
Miguel Oz
Senior Software Engineer

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Top Expert 2009

The Distinguished Expert awards are presented to the top veteran and rookie experts to earn the most points in the top 50 topics.

Log in to continue reading
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform for $9.99/mo
View membership options
Unlock 1 Answer and 2 Comments.
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
The Value of Experts Exchange in My Daily IT Life

Experts Exchange (EE) has become my company's go-to resource to get answers. I've used EE to make decisions, solve problems and even save customers. OutagesIO has been a challenging project and... Keep reading >>

Mike

Owner of Outages.IO
Phoenix, Arizona, United States
Member Since 2016
Join a full scale community that combines the best parts of other tools into one platform.
Unlock 1 Answer and 2 Comments.
View membership options
“All of life is about relationships, and EE has made a virtual community a real community. It lifts everyone's boat.”
William Peck

Member since 2004