事件

最新推荐文章于 2024-06-17 07:15:00 发布

a23180012142

最新推荐文章于 2024-06-17 07:15:00 发布

阅读量62

点赞数

原文链接：http://www.cnblogs.com/thestudy/p/6292179.html

版权

 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.οnlοad=function(){
12     //document.getElementById("btn").οnmοusedοwn=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.οnclick=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>