I found out how to do this for the ipad for those who are interested: Instead of the code I used in my question, you would use: $(‘body’).bind( “touchstart”, function(e){ $(‘div#extras’).fadeTo(‘fast’, 1); }); & $(‘body’).bind( “touchend”, function(e){ $(‘div#extras’).delay(2000).fadeTo(1500, 0); });
The equivalent for onmousedown on touchscreen devices is ontouchstart, and the equivalent of onmouseup is ontouchend. If you would also like to detect dragging, you could use ontouchmove which is fired every time you move your finger after touching the screen.
I think you’re looking for something more like this var mousePosition; var offset = [0,0]; var div; var isDown = false; div = document.createElement(“div”); div.style.position = “absolute”; div.style.left = “0px”; div.style.top = “0px”; div.style.width = “100px”; div.style.height = “100px”; div.style.background = “red”; div.style.color = “blue”; document.body.appendChild(div); div.addEventListener(‘mousedown’, function(e) { isDown = true; offset = [ … Read more