touchmove and touchstart and the 300ms delay

Question

i am converting a web app to android using phonegap and i am using this to control a cursor

$(document).on('touchmove', function (e) {


  var touch = e.originalEvent.touches["0"];



  $img.css({
    top: (touch.clientY)  - 105,
    left:  (touch.clientX) - 25,
    display: 'block'
  });

});

now the problem is when i touch the screen the cursor doesn't appear until i start moving my fingers and that is because i am using touchmove so i used instead touchstart and the result was when i touch the screen the cursor appears but doesn't move.

is there a solution where i can find the cursor without any delay and after touching the screen and move it perfectly ??

Answer 1

you can try adding fastclick polyfill to your bundle, fastclick at github

then you just do

if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function() {
    FastClick.attach(document.body);
}, false);}

or with jquery...

$(function() {
FastClick.attach(document.body);});