<script>
function $(s){//返回对象
return document.getElementById(s);
}
function on_it(obj){
obj.style.backgroundColor = "#98AB6F";
$('content').innerHTML="鼠标移在上面";
}
function move_it(obj){
obj.style.backgroundColor = "#ffffff";
$('content').innerHTML="鼠标从上面移走";
}
function click_it(obj){
obj.style.backgroundColor = "red";
$('content').innerHTML="单击";
}
function dbclick_it(obj){
var obj_id="f"+obj.id;
var str='<input id="' + obj_id + '" type="text" name="textfield" value="' + obj.innerHTML+ '" /><input name="b1" type="button" id="b1" value="修改" onclick=edit("'+obj.id+'") /><input name="b2" type="button" id="b2" value="取消" onclick=del("'+obj.innerHTML+'","' + obj.id + '") />';
obj.innerHTML=str;
}
function edit(v){
$(v).innerHTML=$("f"+v).value;
}
function del(s,id){
$(id).innerHTML=s;
}
</script>
<div id="x" onmouseover="on_it(this)" onmouseout="move_it(this)" onclick="click_it(this)" onDblClick="dbclick_it(this)">xxx</div>
<div id="x2" onmouseover="on_it(this)" onmouseout="move_it(this)" onclick="click_it(this)" onDblClick="dbclick_it(this)">xxx</div>
<div id="x3" onmouseover="on_it(this)" onmouseout="move_it(this)" onclick="click_it(this)" onDblClick="dbclick_it(this)">xxx</div>
<div id="content">123</div>
