Javascript 问题求教

[不学无术]

代码片断如下：

<td id="td_0">
  <img src="tick.gif" width="16" height="16" />
</td>

我给 TD 添加 onmouseover 和 onmouseout 事件：

PHP 代码:

$("td_0").onmouseover = function() {
    this.innerHTML = "<input type=\"checkbox\" />";
}

$("td_0").onmouseout = function() {
    this.innerHTML = "<img src=\"tick.gif\" width=\"16\" height=\"16\" />";
} 


也就是达到鼠标覆盖变成复选框，鼠标移开，恢复成图片。

但是实际使用，鼠标覆盖 TD ，图片变成复选框了，但是鼠标移动到复选框上，又恢复为图片了，也就是 onmouseover 失效了，怎样可以使得鼠标在 TD 范围内，保持复选框的状态不变，等到移出 TD 范围后，才恢复图片呢？

[不学无术]

O, Yeah!

搞定！

原来 mootools 中已经有了相关的事件。