资讯专栏INFORMATION COLUMN

js 添加事件绑定

0x584a / 1084人阅读

摘要:的事件绑定函数是是则两种都支持。使用就可以使用简单的,或者之类的函数解决,而如果不使用框架的时候,大家可是使用下面的封装函数。添加事件绑定要绑定事件的元素事件名称。不加如而不是事件处理函数例如删除第一个绑定的点击事件

IE 的事件绑定函数是 attachEvent;

Firefox, Safari 是 addEventListener;

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

js/************************************
* 添加事件绑定
* @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://www.ucloud.cn/yun/91448.html

相关文章

  • 【JavaScript系列】动态绑定事件方法:(1)jquery的on方法;(2)html元素绑定

    摘要:提示如需移除事件处理程序,请使用方法。说明和绑定的点击事件被的事件覆盖。分析不同的绑定方式执行顺序属性元素事件事件。元素绑定事件删除按钮。属性绑定事件动态绑定事件方法的方法的属性绑定。 一、动态监听加载对象 当使用js或jQuery动态创建元素(例如append,appendChildren),再用on(事件, function(){...})或addEventListener监听事件...

    young.li 评论0 收藏0
  • js动态添加事件-事件委托

    摘要:解决这一问题的核心就是利用的委托事件。但是,如果用事件委托,只需要一个元素绑定事件即可。 作者:白狼 出处:http://www.manks.top/javascri... 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。其所谓的动态添加事件实质就是指js中的事件委托。 我们知道在js中,事件处理只能绑定在当前被选...

    frolc 评论0 收藏0
  • 理解Javascript中的事件绑定事件委托

    摘要:最近在深入实践中,遇到了一些问题,比如我需要为动态创建的元素绑定事件,那么普通的事件绑定就不行了,于是通过上网查资料了解到事件委托,因此想总结一下中的事件绑定与事件委托。事件冒泡认为事件促发的最深层元素首先接收事件。 最近在深入实践js中,遇到了一些问题,比如我需要为动态创建的DOM元素绑定事件,那么普通的事件绑定就不行了,于是通过上网查资料了解到事件委托,因此想总结一下js中的事件绑...

    lewinlee 评论0 收藏0
  • JS中的事件绑定事件捕获,事件冒泡以及事件委托,兼容IE

    摘要:事件阶段事件分为三个阶段事件捕获事件目标事件冒泡事件捕获和冒泡事件捕获事件发生时首先发生在上,然后依次传递给最后到达目的节点即事件目标。 事件阶段 事件分为三个阶段: 事件捕获 --> 事件目标 --> 事件冒泡 事件捕获和冒泡 事件捕获:事件发生时(onclick,onmouseover……)首先发生在document上,然后依次传递给body、……最后到达目的节点(即事件...

    taowen 评论0 收藏0
  • vue.js起步式(二)

    摘要:当需要和第三方的动画库,比如配合时会非常有用显式声明过渡类型新增需要给过渡元素添加事件侦听器来侦听过渡何时结束。在下例中我们使用注册一个自定义的过渡元素已被插入在动画结束后调用与相同然后用特性中渐近过渡与一起用时可以创建渐近过渡。 8.方法与事件处理器 方法处理器可以用 v-on 指令监听 DOM 事件: Greet 我们绑定了一个单击事件处理器到一个方法 greet。下面在...

    BearyChat 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<