I have came across this problem where i have an onclick-event on an image but when the mouse moves between the mousedown and mouseup events it is not fired.
I have an image where I want to have an onlick event. I also dont want anyone to drag/select or open the context menu. Now what i found that on a touchscreen 50% of the times people click on some image what happens is that when they press the image their finger moves. So between the mousedown and mouseup events there is a tiny difference. But when they do that the click event is not fired (at least in chrome). Also the onmouseup-event is not fired.
look at this: https://fiddle.jshell.net/08pbjfq2/1/
clicking the image will display an alert and the Mouse up and down events but when u click and move more than 3 pixels or so with the mouse the click and the mouse up event is not fired. It also appears that if you click and then move your mouse by like 1 pixel the mousedown event and the onclick event gets fired but not the mouseup event. Is this a bug or am i missing something here?
onmouseUp="document.getElementById('mouseDown').style.display = 'block';"
could be your problem, when you change the Id to the correct one'mouseUp'
it works fine! – George