遇到的问题
当鼠标移到table之外,抬起鼠标按键时,onMouseUp事件不执行,无法注销onMouseOver事件
//鼠标拖动设置td背景色改变
<table id="timeTable">
<tr id="timeSpan"></tr>
</table>
$("#timeSpan td").mousedown(function () { $("#timeSpan td").mouseup(onMouseUp); $("#timeSpan td").mouseover(onMouseOver); }); function onMouseUp() { $("#timeSpan td").unbind('mouseover', onMouseOver); $("#timeSpan td").unbind('mouseup', onMouseUp); } //设置选择的时间段背景色 function onMouseOver() { $(this).css('background-color', '#aaa'); } }
因为你抬起鼠标时,鼠标已经不在最初的td上了,可以试试mouseout