Question

I’ve been searching around for this and can’t seem to find anything.

Basically I’ve binded a “touchmove” event (via jQuery) to a set of divs.. what I was hoping would happen is, as you drag across each div (with out touchend) the div’s attr “xyz” toggles from 0 to 1 aka meaning it’s been touched.

$("#itBoardFront div").on('touchmove',function(e){
    $(this).attr('data-hit',1);
})  

As you can assume, this is not working. Only the element that’s actually being hit on and moved on is getting the data-hit =1.

Answer 1

I was able to solve this by catching the coordinates of the touch end positions then comparing it with each potential div’s x,y,w,h.