初学js，想用事件委托和事件拖拽做一个组合笑脸的效果；总有各种问题，请大神帮忙看看哪里出了问题？

JavaScript024

初学js，想用事件委托和事件拖拽做一个组合笑脸的效果；总有各种问题，请大神帮忙看看哪里出了问题？,第1张

box.onmousedown = function(event){

var e = event || window.event

var target = e.target || e.scrElement

if(target.id == "face" || target.id == "leftEye" || target.id == "rightEye" || target.id == "mouth"){

offsetX = e.offsetX

offsetY = e.offsetY

}

document.onmousemove = function(event){

var e = event || window.event

target.style.left = e.clientX - offsetX + "px"

target.style.top = e.clientY - offsetY + "px"

}

}

box.onmouseup = function(){

document.onmousemove = ""

}

target在mousemove声明了，去掉即可

用的是图像模糊识别技术！首先是面部捕捉。它根据人的头部的部位进行判定，首先确定头部，然后判断眼睛和嘴巴等头部特征，通过特征库的比对，确认是面部，完成面部捕捉。

笑脸就好说了，完成了面部捕捉，然后开始判断嘴的上弯程度和眼的下弯程度，来判断是不是笑了。

以上所有的捕捉都是在对比特征库的情况下完成的，所以特征库是基础，里面有各种典型的面部和笑脸特征数据。