js自定义事件

自定义事件需要用到 document.addEventListener方法

 document.addEventListener有三个参数:

　　event:必须。字符串，指定事件名。

　　function:必须。指定要事件触发时执行的函数。 

　　useCapture:可选。布尔值，指定事件是否在捕获或冒泡阶段执行。可能值:true - 事件句柄在捕获阶段执行 false- false- 默认。事件句柄在冒泡阶段执行

var ele=document.getElementById("xxx");
//在某元素上绑定自定义是事件
ele.addEventListener('onCustomerEvent', function (event) {  
        alert(event.name+'，'+event.pwd);  
    }, false);  

//创建Event对象
var event = document.createEvent('HTMLEvents');  //可选参数：HTMLEvents ,MouseEvents,UIEvents 

// 3个参数：事件类型，是否冒泡，是否可以用 preventDefault() 方法取消事件。
event.initEvent("onCustomerEvent", true, true);  

//添加自定义属性
event.name="a14907";
event.pwd="12345678";
//触发自定义事件 
ele.dispatchEvent(event);