javascript笑脸,html画笑脸

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

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声明了，去掉即可

相关问答

Q1: html 5中，如何用javascript在canvas里画出一个笑脸？

利用基本路径API

注意最后fill或stroke上去后之前缓存的路径信息才会绘制到canvas上去

function drawShape(){

var canvas = document.getElementById('你的canvas的ID');

if (canvas.getContext){

var ctx = canvas.getContext('2d');

ctx.beginPath();

ctx.arc(75,75,50,0,Math.PI*2,true); // 外圆

ctx.moveTo(110,75);

ctx.arc(75,75,35,0,Math.PI,false); // 嘴

ctx.moveTo(65,65);

ctx.arc(60,65,5,0,Math.PI*2,true); //左眼

ctx.moveTo(95,65);

ctx.arc(90,65,5,0,Math.PI*2,true); // 右眼

ctx.stroke();

} else {

alert('你的浏览器不支持html5，请用chrome或火狐safari .');

}

}

Q2: jsp或js如何做表情面板 急用！谢谢

很简单嘛

使用替换字符串啊

比如str.replace(":)","img src='???.gif'/");

这个str就是服务端接受到的留言板内容。

jsp取留言板内容不会不知道吧

str=request.getattribute("????");

以上是实现内容里出现:)就变成笑脸图片，

但如果点一下，就有:)

那么使用javascript

表情图片增加 img onclick="imgclick()"

比如，你的留言板：textarea name='tt' /textarea

然后

script language="javascript"

function imgclick(){

document.all.tt.value = document.all.tt.value + ":)";

}

/script