JS 动态注册事件

最新推荐文章于 2023-11-08 14:31:22 发布

diwa39600958814

最新推荐文章于 2023-11-08 14:31:22 发布

阅读量703

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hmII/archive/2012/03/28/2421412.html

版权

JS当中动态注册事件，可以有好几种方式，但兼容性最好的是以下的方式：

//elementid:要注册事件的HTML控件的ID

//type:注册事件的名称，（例如：blur focus focusin focusout load resize scroll unload click dblclick " +
"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
"change select submit keydown keypress keyup error)

//eventHandle:事件的回调函数

-----------------------------

下面写一个相当简单的例子

<html>

<head>
<script>
var RegEvent=function(elementid, type,eventHandle)
{
    var elem=document.getElementById(elementid);    
           
    if ( elem.addEventListener ) {
	    elem.addEventListener( type, eventHandle, false );

    } else if ( elem.attachEvent ) {
	     elem.attachEvent( "on" + type, eventHandle );
    }
}


function init(){	
    	RegEvent("btn1","click", function(){
    		    alert("please input you name");
    		}
    	);
        //是可以注册多次的
	RegEvent("btn1","click", function(){
    		    alert("please input you name again!");
                   //使用  this.event.srcElement 就可以拿到 btn1的这个对象
    		}
    	); 
	}


//页面导入后注册事件
window.οnlοad=function(){
	init(); //调用init()函数
}



</script>

</head>

<body>

<input type="button" value="Please click me" id="btn1"/>

</body>

</html>

转载于:https://www.cnblogs.com/hmII/archive/2012/03/28/2421412.html