It seems that mouseup events are only fired when they are not in conjunction with a mousemove. To learn more, see our tips on writing great answers. Are these events available on any element? Chances are you just want to listen to both mouseup and dragend, and treat them both as mouseup. Don't forget to namespace your events otherwise all event handlers will be unbound: As of JQuery 1.4 you need to substitute $('document') for $(). Making statements based on opinion; back them up with references or personal experience. to distinguish single-click events from click events that lead to a dblclick event. I was having a similar issue with KineticJS objects. I have a link which has mousedown and mouseup handlers to animate some objects on page. In that case the click event fires, too. Links are intended to be just that: link to something. How do progressive US political thinkers explain anti-black police discrimination in cities where the population and government are majority black? The “mousedown” and “mouseup” events fire when the button is pressed and released. This is why you should program such that it takes a click to initiate just about any action - not just a mouse down. The disadvantage of this is that you will still see a drag interface (in other words: the browser will show some UI to notify the user he's draggin). also with json? subsidiary. however, there is still an issue of the user highlighting/selecting something with their cursor and dragging the selected element(s). mouseDragArea is a programatically created element, which has a dotted border to show the rectangular area click-dragged by mouse: Then, I've realized that this #mouse-drag-area element is ABOVE the original element that handles the mouseup event. is there a workaround for this problem? The event is called dragend, so you can simply do. A mousedown, mouseup and click event fire on the label, and then a click event fires on the related form field. I made a quick change and got it to function for the whole page infinitely. But if you drag across the image and then let go, no mouseup is fired. I grant you that there may be times where you want to take action on a mouse down, such as in dragging, but it is the exception and when done properly, the mouse up will be seen - except in some versions of IE when the mouse up will be lost if you drag the cursor off the page - to the top, left or right. Yes, you can code JavaScript to be executed when the link is clicked - target='_blank' href="javascript:someFunction();" or you can code onclick to execute something or even mouse up over down out. In other words, push down on the left mouse button and let go, and mouseup is fired. However, the link is intended to do something not to be dragged around. All these implementations are considered correct. If all are unchecked Employer planning on making a change that I'm prepared to quit over. Mouseup event over flash object not firing, Javascript: windows,document,body mouseup listen issue while dragging , Getting the ID of the element that fired an event. Can be simplified even further if you just want to call a function on mouseup. How can it be valued and how can it be marked out? How should I tell manager? IE 5-8, Firefox, and Opera don't prevent the default on select boxes. I've encountered the same problem. A click event on a disabled form field does not fire events in Firefox and Safari. Clicking on a select in Safari and Konqueror causes only a mousedown event; no click event By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy.