title: When I bind the mousemove Event to the parent ,how to stop the child to response the mousemove event?
body: <pre><code>&lt;div id="father" style="top:10px;left:10px;width:500px;height:500px"&gt;
    &lt;div id="child" style="position:relative;top:50px;left:50px;width:100px;height:100px"&gt;    
    &lt;/div&gt;
  &lt;/div&gt;
  
  $("#father").mousemove(function(){
     alert("out");
  })
  </code></pre>
  
  <p>How do I only bind the mousemove event on the parent, not inherit the child?
  When I move the mouse in the parent layer, I can call the function but not in the child layer.  PS:I don't need the mouseout event on the child layer as could have many neighboring child layers. The crossing event between the child layers do not need to trigger the function. </p>