在JavaScript中关闭事件处理程序

时间:2016-12-18 06:11:41

标签: javascript

我正在制作一个涂料应用程序。这是一个在画布上自由绘图的功能。当我转到下一个工具时,如何关闭此特定事件处理程序。这样它就不会与其他功能发生任何冲突。

function free(){
  var canvas=document.getElementById('canvas');
  var radius=10;
  var dragging1=false;


context.lineWidth=2*radius;

var putPoint=function(e) {
if(dragging1){
  context.lineTo(e.clientX,e.clientY);
  context.stroke();
  context.beginPath();
  context.arc(e.clientX,e.clientY,radius,0,Math.PI*2);
  context.fill();
  context.beginPath();
  context.moveTo(e.clientX,e.clientY);
 }//end of if
}

var engage = function(e) {
  dragging1=true;
  putPoint(e);
}

var disengage = function() {
  dragging1=false;
  context.beginPath();
}
canvas.addEventListener('mousedown',engage);
canvas.addEventListener('mousemove',putPoint);
canvas.addEventListener('mouseup',disengage);
}

0 个答案:

没有答案