I am trying to develop a number selector widget.

It has a minus div on the left, a plus div on the right and a number div in the middle.

My goal is to allow the user to press the minus (or plus) div continuously and while the element is pressed, the numeric value should change accordingly.

Due to a technical problem, I cannot get my setInterval's function to be invoked.

I tried to base my solution on this code sample:  http://jsfiddle.net/8FmRd/ which works nicely.

However, in my code ( http://jsfiddle.net/Lcp52t7L/2/), nothing happens when the mouse is pressed on the minus div. I know that the mousedown event gets fired, but the anonymous function in setInterval does not.

The ultimate goal is to have this work in a mobile environment, so maybe I should be catching touch events.

Any help would be greatly appreciated.

Thank you,

Nir