首页 新闻 会员 周边

使用jquery mousedown、mouseover、mouseup实现鼠标按下拖动选择多个单元格

0
悬赏园豆:10 [已解决问题] 解决于 2016-08-12 19:57
遇到的问题
当鼠标移到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');
        }
    }
~冰的主页 ~冰 | 小虾三级 | 园豆:509
提问于:2016-06-12 12:11
< >
分享
最佳答案
0

因为你抬起鼠标时,鼠标已经不在最初的td上了,可以试试mouseout

收获园豆:10
长蘑菇星人 | 小虾三级 |园豆:1832 | 2016-06-12 13:37
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册