鼠标事件研究(Mouse Event)#

| Event | type | IE | > | FF | > | Chrome | > | Safari | > | Opera | > | | / | / | button | which | button | which | button | which | button | which | button | which | |\n\n\n\n\n\n\n\n\n\n\n\n\n|\n\n\n\n\n\n\n\n|\n\n\n\n\n\n\n\n\n\n|\n\n\n\n\n\n\n\n\n\n\n|\n\n\n\n\n\n\n\n|\n\n\n\n\n\n\n|\n\n\n\n\n\n\n\n\n\n|\n\n\n\n\n\n\n|\n\n\n\n\n\n\n\n\n\n|\n\n\n\n\n\n\n|\n\n\n\n\n\n\n\n\n\n|\n\n\n\n\n\n\n| | onmousedown | left | 1 | undefined | 0 | 1 | 0 | 1 | 0 | 1 | 0 | 1 | | / | middle | 4 | undefined | 1 | 2 | 1 | 2 | 1 | 2 | 1 | 2 | | / | right | 2 | undefined | 2 | 3 | 2 | 3 | 2 | 3 | 2 | 3 | | onmouseup | left | 1 | undefined | 0 | 1 | 0 | 1 | 0 | 1 | 0 | 1 | | / | middle | 4 | undefined | 1 | 2 | 1 | 2 | 1 | 2 | no event | > | | / | right | 2 | undefined | 2 | 3 | 2 | 3 | 2 | 3 | 2 | 3 | | onclick | left | 0 | undefined | 0 | 1 | 0 | 1 | 0 | 1 | 0 | 1 | | / | middle | 0 | undefined | 1 | 2 | 1 | 2 | 1 | 2 | no event | > | | / | right | no event | > | 2 | 3 | no event | > | no event | > | no event | > |

Windows 2003 Server.
IE8, FF5, Chrome12, Safari5, Opera11.

Note:

\n document.onmousedown === document.addEventListener === document.attachEvent("onmousedown") \n document.onmouseup === document.addEventListener("mouseup") == document.attachEvent("onmouseup") \n document.onclick === document.addEventListener("click") == document.attachEvent("onclick")

1document.onmousedown = function(evt){
2    evt = window.event || evt;
3    var mouse = {
4        left:   evt.which ? evt.which==1 : evt.button==1,
5        middle: evt.which ? evt.which==2 : evt.button==4,
6        right:  evt.which ? evt.which==3 : evt.button==2
7    };
8};

See Also#

\n Event properties \n ppk \n Demo