JS中srcElement的使用

来源:互联网 发布:员工考勤工资软件 编辑:程序博客网 时间:2024/04/30 07:23

srcElement是设置或获取触发事件的对象。例子如下,
此例主要功能为:
  当按ESC弹出是否退出程序对话框。
  当单击图片时,显示图片的路径。
  当按Shift,并单击图片时,不显示图片路径。
代码:

   <script language="javascript" type="text/javascript">
    
<!--    
    
function Win_onKeyPress()
    {
        
//显示按下的值
//
        alert(window.event.keyCode);
        if(window.event.keyCode==27)
        {
            
//close只能直接关闭弹出窗口,不能直接关闭程序本身窗口
            window.close();
        }
    }
    
    
function showSrc()
    {
        
if(window.event.srcElement.tagName.toLowerCase() == "img")
        {            
            
//显示选择对象的src属性
            alert(window.event.srcElement.src);
        }
    }
    
    
function checkCancel()
    {
        
if (window.event.shiftKey)
            
//表示按住Shift时,不触发其它相关事件
            window.event.cancelBubble = true;
            
/*
                此处的执行顺序是先执行img的onclick事件,在执行body的onclick事件
            
*/
    }   
    
//-->
    </script>
<body onclick="showSrc();" onkeypress="Win_onKeyPress()">
        
<div>
            
<img src="../Img/other127.gif" onclick="checkCancel()" />
        
</div>
</body>