title: Javascript change color of div bg on touchmove event
body: <p>I have a  5*5 grid, what i want to do is to imitate drawing action than when i press(with my finger, it is suppose to be a mobile app) on a square it changes its background color.
  this part i have managed to do and it works fine.</p>
  
  <p>what I would like to do now is that when I move the finger over the screen it will change the color of each of the squares my finger is pressing(enters its surface) just like drawing.  </p>
  
  <p>i know that there is a touchenter event but i don't understand how can i use it
  i read some tutorials and articles and everywhere it says that the touchenter event dosen't bubbles...</p>
  
  <p>how can I get the id of the element that i am touchmove over?</p>
  
  <p><a href="https://jsfiddle.net/uLfm5szz/2/" rel="nofollow">https://jsfiddle.net/uLfm5szz/2/</a></p>
  
  <p>any help will be more than great!</p>
  
  <p>html</p>
  
  <pre><code>&lt;div id="demo"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>.b{
      width: 50px; 
      height: 50px; 
      display: inline-block;
      border: red 1px solid;
  }
  </code></pre>
  
  <p>js</p>
  
  <pre><code>createLoop();
  $('.b').bind('touchmove',StartDragSelect);
  
  function createLoop(){
      var length = 30;
      var text = "";
      var demo = $("#demo")
      for (i = 0; i &lt; length; i++) {
       var rowElement = $('&lt;div class="a"&gt;&lt;/div&gt;');
       demo.append(rowElement);
          for(var x = 0; x &lt; length; x++){
              createGridItem(rowElement,i,x);
          }
      }
  }
  
  function createGridItem(rootElement, i, x){
      var pix = 10;
      var currItem = $('&lt;div class="b" id="a'+i+x+'" style="top:' + i*pix +'px; left: ' + x*pix +'px;  background-position-x: -' + x*pix +'px ; background-position-y:-' + i*pix +'px";"&gt;&lt;/div&gt;');
      $(rootElement).append(currItem);
  }
  
  function StartDragSelect(obj)
  {
      obj = obj.currentTarget;
      $(obj).css({"background-color":"blue"});    
  }
  </code></pre>