代码片断如下： HTML: <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 范围后，才恢复图片呢？