zoukankan      html  css  js  c++  java
  • JS脚本动态给控件添加事件

    最近突然要用到JS脚本动态给元素添加事件。如TextBox的onclick事件。但有的onclick事件原先已经定义了相应代码!
    这里又不能替代原有方法,隐约记得JS脚本里面有个方法可以给控件在原有事件的基础上进行添加!
    翻了半天才翻出来,在这里记下,以方便以后有需时再来找!和和

    <html>
    <script language="javascript">
        
    function set()
        
    {
            
    var obj = document.getElementById("fy");

            
    //obj.attachEvent('onfocus', add); //在原先事件上添加
            //obj.setAttribute('onfocus',add); //会替代原有事件方法
            //obj.onfocus=add;                //等效obj.setAttribute('onfocus',add);        

            
    if(window.addEventListener)
            

                
    //其它浏览器的事件代码: Mozilla, Netscape, Firefox
                //添加的事件的顺序即执行顺序 //注意用 addEventListener 添加带on的事件,不用加on 
                obj.addEventListener('focus', add, false);
            }
     
            
    else 
            
    {
                
    //IE 的事件代码 在原先事件上添加 add 方法
                obj.attachEvent('onfocus',add);       
            }

        }

        
    function add(){alert("已经成功添加事件");}
    </script>

    <body>
        
    <input type="text" onfocus="alert('预设事件');" id="fy" />
        
    <input type="button" onclick="set();" value="sssss"/>
    </body>

    </html>
  • 相关阅读:
    C# 不用添加WebService引用,调用WebService方法
    贪心 & 动态规划
    trie树 讲解 (转载)
    poj 2151 Check the difficulty of problems (检查问题的难度)
    poj 2513 Colored Sticks 彩色棒
    poj1442 Black Box 栈和优先队列
    啦啦啦
    poj 1265 Area(pick定理)
    poj 2418 Hardwood Species (trie树)
    poj 1836 Alignment 排队
  • 原文地址:https://www.cnblogs.com/eflylab/p/1115966.html
Copyright © 2011-2022 走看看