`

单次事件绑定

阅读更多
/*
* element:所要侦听事件的标签
* eventType:事件类型
*        handler:所要执行的操作
*/
function singleEvent(element,eventType,handler){//单次侦听时间,侦听后马上移除事件
if(element.addEventListener){//IE9+,opera,chrome,firefox,safari
element.addEventListener(eventType,handler,false);
element.addEventListener(eventType,function(){//移除绑定事件,注意顺序
element.removeEventListener(eventType,handler,false);
},false);
}else if(element.attachEvent){// IE,opera
element.attachEvent("on"+eventType,function(){
element.detachEvent("on"+eventType,handler);//移除绑定事件,注意顺序
});
element.attachEvent("on"+eventType,handler);
}
}
分享到:
评论

相关推荐

    js单击事件和双击事件并存绑定

    "js单击事件和双击事件并存绑定"这个主题涉及到如何让一个元素同时响应单击(click)和双击(dblclick)事件,而不互相冲突。这在实现某些交互功能时非常有用,比如,单击可能打开一个菜单,而双击则可能编辑内容。...

    jquery_method.rar_jquery

    1. **绑定事件(.on())** jQuery的`.on()`方法是最主要的事件绑定方式,它可以处理当前及未来的元素(事件委托)。例如: ```javascript $('#element').on('click', function() { console.log('点击事件触发');...

    js事件绑定机制1

    JavaScript事件绑定机制是JavaScript编程中一个非常重要的概念,它涉及到用户与网页交互时的响应处理。在提供的内容中,展示了三种不同的事件绑定方式,分别使用jQuery库的不同方法来实现。这里我们将详细探讨这些...

    对jQuery的事件绑定的一些思考(补充)

    然而,正如标题和描述所指出的,jQuery的事件绑定有时也会带来一些问题,比如内存消耗过大、动态生成元素需要重新绑定事件以及语法冗余。本文将深入探讨这些问题,并提供相应的解决方案。 首先,让我们看看jQuery中...

    前端项目-chirashi.zip

    Chirashi的事件管理机制设计得相当精巧,它支持单次事件绑定,避免了在不需要时还持续监听事件的情况。此外,它的`on`和`off`方法使得添加和移除事件监听器更加灵活,有助于保持代码的整洁和性能的优化。 三、专注...

    Jquery为单选框checkbox绑定单击click事件

    这是Jquery中的一个非常重要的方法,它确保了绑定事件的代码只会在DOM完全加载后执行,避免了因文档未完全加载而导致的脚本错误。 在总结上述知识点的同时,我们还应该注意一些常见的开发实践。例如,为了提高代码...

    jquery 1.7.1

    1. 绑定事件(.on()):在1.7.1中,`.on()`方法成为绑定事件的首选方式,它取代了`.bind()`, `.live()`, 和 `.delegate()`。`.on()`不仅支持单次事件绑定,还能处理动态添加的元素的事件,提高了代码的灵活性和性能...

    jQuery实现按钮只点击一次后就取消点击事件绑定的方法

    在实际的项目开发中,这种单次点击的技术应用非常广泛,比如可以用于防止重复提交表单、在AJAX操作中防止重复发送请求等等。理解并掌握这样的知识点,对前端开发人员是非常有帮助的。 总结一下,本文介绍了如何使用...

    Node.js中使用事件发射器模式实现事件绑定详解

    与标准的回调模式不同,后者通常只适用于单次事件触发的场景,事件发射器模式可以清晰地分离事件发生器和事件监听器,使得管理事件变得更加灵活和强大。 在Node.js中,当一个事件被触发时,注册到该事件的监听器...

    服务器双网卡绑定

    8. 设置主适配器和次适配器后,设备管理器中会出现“组:team1”的条目,表明双网卡已成功绑定。 9. 测试阶段,可以通过ping命令来验证绑定效果。例如,ping 192.168.10.12 -t,拔掉主网口的网线,网络连接应该会在...

    ASP.NET数据绑定技术之数据绑定

    模板在数据绑定中扮演关键角色,它们定义了单条记录的显示格式,通过切换不同模板,可以实现浏览和编辑状态的切换,同时触发相应的事件。 在数据绑定模板中,ASP.NET控件如Label、TextBox等可以与数据源的属性通过...

    多种jQuery绑定事件的实现方式

    在jQuery中,绑定事件是创建交互式网页的关键步骤。本文将深入探讨多种jQuery绑定事件的实现方式,并提供解决事件重复绑定问题的策略。 首先,让我们来看看jQuery如何绑定单个事件。基本语法是使用`.bind()`函数,...

    jquery mobile事件多次绑定示例代码

    2. **单次绑定**:如果只想在页面加载时执行一次特定的初始化逻辑,可以使用`.one()`方法替代`.bind()`。`.one()`只会执行一次绑定的事件处理函数,即使页面被重新访问。 3. **事件委托**:使用事件委托可以避免对...

    vue实现绑定事件的方法实例代码详解

    5. **.once** - 事件处理器最多执行一次 ```html <div @click.once="tz">once ``` 6. **键盘事件修饰符**(如 `.keyup`, `.keydown`) ```html ``` 在使用事件修饰符时,可以组合使用,例如 `.stop....

    cocos creator为按钮添加事件的三种骚操作

    这种方法提供了更多的事件类型,如鼠标按下、释放等,且支持动态绑定和解绑事件,适用于需要动态管理事件的场景。 除了上述方法,还可以结合Cocos Creator的系统事件(如`gameStart`、`gameOver`等)和自定义事件...

    linux实现网卡绑定

    当主用网卡出现故障时,备用网卡自动接管网络服务,避免网络中的单点故障。 2. **负载平衡**:通过网卡绑定实现负载均衡,可以在多块网卡之间分配数据流量,从而提高网络带宽和可靠性。这对于需要处理大量服务请求...

    jQuery页面元素动态添加后绑定事件丢失方法,非 live

    同时,这个方法避免了`live()`带来的多次执行问题,因为原生JavaScript的事件绑定是单次绑定,不会因为DOM的变动而重复绑定。 另外,从jQuery 1.7版本开始,官方推荐使用`.on()`方法进行事件委托,这也可以解决动态...

    JQuery入门——用one()方法绑定事件处理函数(仅触发一次)

    `one()`方法的核心在于它的一次性特性,这使得它在某些场景下特别有用,比如初始化页面、执行一次性动画或处理单次用户交互等。该方法的语法结构如下: ```javascript $(selector).one('eventType', [data], ...

    Redhat_6.0双网卡绑定

    - `options bond0 mode=1 miimon=100`:这里`mode=1`表示使用主备模式(`active-backup`),而`miimon=100`则表示每隔100毫秒检测一次网络连接状态。 4. **设置开机自动加载**:为了使`bond0`在系统启动时自动加载,...

    验证绑定QQ群号源码

    最后,文件名"绑定QQ群号X2"可能是源码文件的一部分或者版本标识,可能表示这是第二次更新的绑定QQ群号的代码版本,或者有其他含义,具体需要结合实际代码来解读。 总之,这个"验证绑定QQ群号源码"项目涉及到的IT...

Global site tag (gtag.js) - Google Analytics