Js 获取鼠标对象 判断鼠标点击的是->左击、右击

今天将前天写好的 表格单元格合并拆分Demo 整合进公司软件的时候。

 

发现触发点的获取：鼠标点击

 

FF 跟 IE 有下面这些不同。

 

inputer.onmousedown = function(e){
    e = e || window.event;
    if(e.button==0 || e.button==1)
        MergerPlug.tdClick(this);
    else if(e.button==2)
        MergerPlug.tdShowContextMenu(this);
}

 

上面的事件中

 

e 传值进来的是 FF 获取鼠标操作对象的形式

 

window.event 是 IE 获取鼠标操作对象的形式

 

然后

 

获取鼠标左键的区别

 

右键点击是一样的，都是 e.button==2

 

e.button==0 是 FF 绑定左键点击   But  IE里面绑定的是e.button==1

 

FF 里面 e.button==1是滚轮的单击绑定  IE里面滚轮单击绑定是e.button==4

 

另、附获取对象像素坐标方法

 

//获取像素坐标
getAbsPoint:function(Td){
    var x = Td.offsetLeft,
         y = Td.offsetTop;
    while ( Td = Td.offsetParent ){
         x += Td.offsetLeft;
         y += Td.offsetTop;
    }
    return { left : x , top : y };
}