JS 事件绑定的问题

Question

var font_size = function (){
var str="";
str +='<div id="mz_font_size" style="display:none">';
for(i=0;i<size_table.length;i++)
{
str+='<span class="mz_font_size" style="font-size:'+size_table[i]+'">'+size_table[i]+'</span>';
}
str +='</div>';
return str;
}
我要绑定 mz_font_size 的 鼠标事件 mousemove，mouseout，mousedown 3个事件然后分别处理这3个事情，望指点一下

Answer 1

$("mz_font_size ").bind("mousemove",function(){..})

Answer 2

$(".mz_font_size ").bind("mousemove",function(){..})
$(".mz_font_size ").bind("mouseout",function(){..})
$(".mz_font_size ").bind("mousedown",function(){..})

Answer 3

<script>
var font_size = function (){
var str="";
str +='<div id="mz_font_size" style="display:none" onmousemove="mmfunc()" onmouseout="mofunc()" onmousedown="mdfunc()">';
for(i=0;i<size_table.length;i++)
{
str+='<span class="mz_font_size" style="font-size:'+size_table[i]+'">'+size_table[i]+'</span>';
}
str +='</div>';
return str;
}mmfunc = function(){
alert("onmousemove");
}mofunc = function(){
alert("onmouseout");
}mdfunc = function(){
alert("onmousedown");
}</script>

Answer 4

var bind = ['mousedown','mousemove','mouseout'];
var mz_editor_events = document.getElementById("mz_ico");
for(i=0; i<bind.length; i++)
{
bind_event(bind[i]);
}
function bind_event(type)
{
if(mz_editor_events.addEventListener)
{
mz_editor_events.addEventListener(type,events,true);
}
else
{
mz_editor_events.attachEvent('on' + type,events);
}
}
我是想要这样的，然后下面不知道怎么写了