IE中事件对象event操作

Posted on 2007-12-18 01:23 探佚 阅读(641) 评论(0)  编辑  收藏 所属分类: CSS/JavaScript/AJAX
一、获得事件对象
function getEventInIE(){
                
// 得Event对象
                var oEvent = window.event;    
                
var oMessage = "";
                
// 获得事件类型
                oMessage += "事件类型是:" + oEvent.type + "\n";
                alert(oMessage);
            }
二、获得事件相关对象
function getEventElement(){
                
var oEvent = window.event;
                
var oMessage = "";
                oMessage 
+= "fromElement--->" + oEvent.fromElement.nodeName + "\n";
                oMessage 
+= "srcElement--->" + oEvent.srcElement.nodeName + "\n";
                oMessage 
+= "toElement--->" + oEvent.toElement.nodeName + "\n";
                alert(oMessage);
            }
三、 获得按键的ASCII码
function getKeyCode(){
                
var oEvent = window.event;
                
if(oEvent.altKey){
                    alert(
"您按下的是 altKey 键");
                }
                
if(oEvent.shiftKey){
                    alert(
"您按下的是 shift 键");
                }
                
if(oEvent.ctrlKey){
                    alert(
"您按下的是 ctrlKey 键");
                }
                
// 按键的ASCII码
                var iKeyCode = oEvent.keyCode;
                alert(
"按键的ASCII码是:" + iKeyCode);
            }
四、获得事件发生位置
function getEventPosition(){
                
var oEvent = window.event;
                
var oMessage = "";
                
// 获取事件发生时鼠标位置(不包括工具栏滚动条等)
                var iClientX = oEvent.clientX;
                
var iClientY = oEvent.clientY;
                oMessage 
+= "clientX=" + iClientX + "\tclientY=" + iClientY + "\n";
                
// 获取鼠标相对于事件的对象的位置
                var iOffentX = oEvent.offsetX;
                
var iOffentY = oEvent.offsetY;
                oMessage 
+= "offentX=" + iOffentX + "\toffsetY=" + iOffentY + "\n";
                
// 获取鼠标相对于屏幕的位置
                var iscreenX = oEvent.screenX;
                
var iscreenY = oEvent.screenY;
                oMessage 
+= "screenX=" + iOffentX + "\tscreenY=" + iscreenY + "\n";
                
// 获取鼠标相对于父元素的位置
                var iX = oEvent.x;
                
var iY = oEvent.y;
                oMessage 
+= "x=" + iX + "\ty=" + iY;
                alert(oMessage);
            }
五、获得鼠标按键
function getButton(){
                
var iButton = window.event.button;
                
switch(iButton){
                    
case 0 :
                        oMessage 
= "未按下鼠标键";
                        
break;
                    
case 1 :
                        oMessage 
= "鼠标左键";
                        
break;
                    
case 2 :
                        oMessage 
= "鼠标右键";
                        
break;
                    
case 3 :
                        oMessage 
= "鼠标左右键";
                        
break;
                    
case 4 :
                        oMessage 
= "鼠标中键";
                        
break;
                    
case 5 :
                        oMessage 
= "鼠标左中键";
                        
break;
                    
case 6 :
                        oMessage 
= "鼠标右中键";
                        
break;
                    
case 7 :
                        oMessage 
= "鼠标左中右键";
                        
break;
                }
                alert(oMessage);
            }
六、 禁用鼠标右键
function preventRightButton(){
                document.body.oncontextmenu 
= function(){
                    
var oEvent = window.event;
                    oEvent.returnValue 
= false;
                };
                alert(
"禁用鼠标右键成功!");
            }



只有注册用户登录后才能发表评论。


网站导航:
 

Copyright © 探佚