空闲时禁用鼠标悬停,但背景正在变化

时间:2013-12-20 11:34:46

标签: javascript jquery

有一个div,其中包含一个表格,您可以使用上/下箭头和鼠标(mousemove / mouseout)选择行。在上/下我是滚动div有固定高度。当我使用向上/向下选择行时问题开始,同时如果指针也指向表,则指针焦点的行,每次都因为滚动条而被选中。 :(

mouseover和mousemove - >

$("body").delegate(".item-search-result tr","mouseover",function(){
        $(".item-detail").removeClass("tr-active");
        $(this).addClass("tr-active");           
    });
    $("body").delegate(".item-search-result tr","mouseout",function(){         
        $(this).removeClass("tr-active");        
    });

$(document).keyup(function(e) {
    if (e.keyCode == 38) {   
    currFormRow = parseInt($("#HfCurrRow").val());
    if(currDetailIndex!=-1){
    newIndex = --currDetailIndex;
    $(".item-detail).removeClass("tr-active");
    $(".td_detail_"+currFormRow).addClass("tr-active");
    }

  if (e.keyCode == 40) {
    currFormRow = parseInt($("#HfCurrRow").val());
    if(currDetailIndex<($("#item-searchresult_"+currFormRow).children("tr").length)-1){
          newIndex = ++currDetailIndex;
         $(".item-detail).removeClass("tr-active");
         $(".td_detail_"+currFormRow).addClass("tr-active");
    }
  }
   $("#HfCurrRow").val(currFormRow);
});

提前完成

0 个答案:

没有答案