美文网首页
事件绑定

事件绑定

作者: raincoco | 来源:发表于2017-03-07 18:58 被阅读20次

1.事件绑定

IE 的事件绑定函数是 attachEvent;

Firefox, Safari 是 addEventListener;

Opera 则两种都支持。

> 使用jQuery就可以使用简单的bind(),或者$().click()之类的函数解决,而如果不使用JavaScript框架的时候,大家可是使用下面的封装bind()函数。

/************************************

* 添加事件绑定

* @param obj : 要绑定事件的元素

* @param type : 事件名称。不加 “on”. 如 : “click” 而不是 “onclick”.

* @param fn : 事件处理函数

************************************/

function bind(obj, type, fn ) {

if ( obj.attachEvent ) {

obj['e'+type+fn] = fn;

obj[type+fn] = function(){obj['e'+type+fn]( window.event );}

obj.attachEvent('on'+type, obj[type+fn] );

} else

obj.addEventListener( type, fn, false );

}

//bind(window,'deviceorientation',handleOrientation);

bind(document, "click", test);

function test(){

alert("11")

}

/************************************

* 删除事件绑定

* @param obj : 要删除事件的元素

* @param type : 事件名称。不加 “on”. 如 : “click” 而不是 “onclick”

* @param fn : 事件处理函数

************************************/

function unbind( obj, type, fn ) {

if ( obj.detachEvent ) {

obj.detachEvent('on'+type, obj[type+fn] );

obj[type+fn] = null;

} else

obj.removeEventListener( type, fn, false );

}

//例如删除第一个绑定的document点击事件:

unbind(document,'click',test);

参考链接

https://segmentfault.com/a/1190000002464814

相关文章

  • JS 事件监听、事件委托2018-07-10

    //常规的事件绑定只执行最后绑定的事件 //使用事件监听绑定事件 //可以绑定多个事件 //语法element.a...

  • JS-事件绑定

    一、addEventListener : 事件绑定另外一种绑定事件的方法。优点:可以绑定多个事件,之后绑定的事件...

  • 事件绑定、事件冒泡与捕获

    一、事件绑定事件绑定又称事件委托,事件代理,可以给同一个div绑定多个事件 非IE: IE: 绑定事件兼容写法:(...

  • 025 JS事件

    JS事件 ********* 一、事件的两种绑定方式 ******* 1、on事件绑定方式 2、非on事件绑定方式...

  • IE的attachEvent

    事件绑定分为传统的事件绑定和现代的事件绑定 传统的事件绑定的一般形式为: 现代的事件绑定分为W3C的addEve...

  • JavaScript事件

    事件分类 事件的绑定方法 通过标签绑定事件 通过js获取DOM元素绑定事件 通过addEventListener属...

  • js事件

    JS事件 事件绑定方式 事件对象 事件传播流 事件代理 一、事件绑定方式 方式一:通过HTML标签行间属性内绑定 ...

  • 绑定事件 自定义事件 事件冒泡

    绑定事件 bind命令同时绑定多个事件 unbind取消绑定 自定义事件 trigger是触发事件 事件冒泡 ev...

  • jQuery事件

    一、基础事件 1、绑定事件 bind();参数一:要绑定事件函数的事件名。参数二:要绑定的事件函数(事件函数名),...

  • 2018-10-18

    JS事件 一、事件的两种绑定方式 ******* 1、on事件绑定方式 2、非on事件绑定方式 二、事件参数eve...

网友评论

      本文标题:事件绑定

      本文链接:https://www.haomeiwen.com/subject/fbtvgttx.html