1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 9 //event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等 10 //event对象只在事件发生的过程中才有效 11 window.onload=function(){ 12 //document.getElementById("btn").onmousedown=function(event){ 13 //alert(event.button);//0左键 1滚轮 2右键 14 //event = event||window.event; 15 //event=event?event:window.event 16 //alert(event.button); 17 //IE6 1鼠标左键 2鼠标右键 3左右同时按 4滚轮 5左键加滚轮 6右键加滚轮 7三个同时 18 19 //鼠标事件中获取鼠标的位置 20 //相对于事件源对象的偏移量,也就是元素坐标,相对坐标 21 //console.log(event.offsetX+','+event.offsetY) 22 //在可视区域的位置,浏览器坐标 23 //console.log(event.clientX+','+event.clientY) 24 //整个屏幕坐标 25 //console.log(event.screenX+','+event.screenY) 26 //} 27 //获取鼠标在页面的绝对位置 28 // document.onclick=function(event){ 29 // event = event||window.event; 30 // var left=document.documentElement.scrollLeft||document.body.scrollLeft 31 // var top=document.documentElement.scrollTop||document.body.scrollTop 32 // alert((event.clientX+left)+','+(event.clientY+top)) 33 // } 34 35 document.oncontextmenu = function(){ 36 alert("右键被按下"); 37 return false; 38 } 39 </body> 40 </html>