关于bindEvent的疑问
来源:2-3 canvas事件操作
慕用0863198
2019-05-24 11:32:59
canvasLock.prototype.bindEvent = function(){
var self = this;
this.canvas.addEventListener("touchstart", function (e) {
// 2、touchstart判断是否点击的位置处于圆内getPosition,处于则初始化
// * lastpoint、restPoint
// po有x和y,并且是相较于canvas边距
var po = self.getPosition(e);
console.log(po.x)
// 判断是否在圆内的原理:多出来的这条 x/y < r 在圆内
for (var i = 0 ; i < self.arr.length ; i++) {
if (Math.abs(po.x - self.arr[i].x) < self.r && Math.abs(po.y - self.arr[i].y) < self.r) {
self.touchFlag = true;
// lastPoint存放的就是选中的圆圈的x/y坐标值
self.lastPoint.push(self.arr[i]);
self.restPoint.splice(i,1);
break;
}
}
}, false);
一般来说bindEvent bindEvent(element, eventName, func) —— 绑定func到element的eventName事件
作为把某个事件绑定到某个对象上的方法存在
而老师的实例代码是直接把bindEvent作为canvasLock的原型对象上的一个函数进行定义,可以这样理解吗?
1回答
同学你好, 你理解的很棒哦, 继续加油!
欢迎采纳, 祝学习愉快~~~~
相似问题