zoukankan      html  css  js  c++  java
  • js srcElement对象用法

    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>

  • 相关阅读:
    IE与FF有关javascript差异的点点滴滴 F
    document.documentElement与document.body F
    CSS模块化开发 F
    关于使用“JS获取屏幕,浏览器,网页高度宽度”的个人思考 F
    GUI F
    关于mousemove和scroll事件的一点技巧 F
    博客换肤 F
    一个日历的简单实现 F
    忠烈杨家将观后感 F
    Vim的配置
  • 原文地址:https://www.cnblogs.com/scottckt/p/1565586.html
Copyright © 2011-2022 走看看