JS 事件监听方法

JS事件监听方法

     ||

     ||

     ||====1.传统监听事件绑定方法

     ||||

     ||        ||

     ||        ||====html元素中直接制定:<input type="button"onclick="eventfun(this)"value="button"/>

     ||        ||

     ||        ||

     ||        ||====html元素属性赋值:dom.onclick=eventfun;   //注意此时eventfun中的this指向的将是其定义函数

     ||                             所处execution context中的this值而非dom元素

     ||        

     ||        

     ||====2.现代监听事件绑定方法

     ||        ||

     ||         ||

     ||        ||====W3C方法:obj.addEventListener(evtype,fn,useCapture);  //evtype是事件类型，不带on前缀,

     ||         ||                                                                                             //useCapture是true，则事件处理函数在捕获阶段被执行
     ||         ||                         obj.removeEventListener(evtype,fn,useCapture);

     ||        ||

     ||        ||

     ||        ||====IE方法:obj.attachEvent(evtype,fn);//evtype是事件类型，带on前缀
     ||                                obj.detachEvent(evtype,fn,);

     ||

     ||

     ||====3.两种结合:functionaddEvent(obj,evtype,fn,useCapture)

     || {

  ||if(obj.addEventListener) 

  ||{

  ||obj.addEventListener(evtype,fn,useCapture);

  ||}

  ||else 

  ||{

  ||obj.attachEvent("on"+evtype,fn);

  ||}

  ||}

    ||

    || 

    ||====4.JQUERY:$("#sidebar h3").bind("click",function()

{
$(this).next().show();
})

type：blur、focus、load、resize、scroll、unload、click、dblclick、mousedown、mouseup、

mousemove、mouseover、mouseout、mouseenter、mouseleaye、change、select、

submit、keydown、keypress、keyup和error等，当然也可以是自定义名称。
data是可选参数：作为event.data属性值传递给事件对象的额外数据对象。