title: How to remove an "mouseup" event listener in Java Script
body: <p>Here i am drag an element and droping in another place it works well if i don't use event listeners but if i use it in this format it is not performing "place" operation.</p>
  
  <p>this link contains my code "with Event Listeners"
  Visit <a href="http://jsfiddle.net/vishwateja2000/wHprQ/2/" rel="nofollow">http://jsfiddle.net/vishwateja2000/wHprQ/2/</a> </p>
  
  <p>this link contains my code "without Event Listeners"
  Visit <a href="http://jsfiddle.net/vishwateja2000/W2Pgq/1/" rel="nofollow">http://jsfiddle.net/vishwateja2000/W2Pgq/1/</a></p>
  
  <pre><code>document.getElementById("div2").addEventListener("mousedown", down);
  
  function down(){
      t=1;
      document.getElementById("div1").addEventListener("mouseup", place);
  
      document.getElementById("div1").addEventListener("mousemove",function() {
          myFunction(event);
      });
  }
  
  function place(){ 
      document.getElementById("div1").removeEventListener("mousemove",function() {
           myFunction(event);
      });
  }
  function placeobj(x,y,x1,y1,l,r){
      var cpx = parseInt(x);
      var cpy = parseInt(y);
      var amtx=parseInt(x1);
      var amty=parseInt(y1);
      var of=10;
      document.getElementById("div2").style.left=cpx-amtx+l+"px";
      document.getElementById("div2").style.top=cpy-amty+r+"px";
  }
  function myFunction(e) {
      if(t==1){
          x1 = e.clientX;
          y1 = e.clientY;
          var el=document.getElementById('div2');
          l=el.offsetLeft;
          r=el.offsetTop;
          t=10;
      }
          x = e.clientX;
          y = e.clientY;
      placeobj(x,y,x1,y1,l,r);
  }
  </code></pre>