`

单次事件绑定

阅读更多
/*
* 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);
}
}
分享到:
评论

相关推荐

    Web前端开发技术-Jquery事件操作.pptx

    one()方法:如果想要让一个元素的事件只触发一次,为元素绑定事件后再解绑会比较麻烦,因此,可以使用one()方法,直接绑定一次性事件。;off()方法:该方法可以移除通过on()方法添加的事件处理程序;案例演示:; 触发...

    vue.js数据绑定操作详解

    本文实例讲述了vue.js数据绑定操作。分享给大家供大家参考,具体如下: ...单次插值 首次赋值后再更改vm实例属性值不会引起DOM的变化 <span v-once=name>{{ name }} 2.HTML属性 Mustache标签{{ }

    JS中双击和单击事件冲突的解决方法

    在JS中代码中同一功能块中通常同时会用到单击、双击事件,但通常会遇到一个问题,就是在双击的时候即执行了一次双击事件,而且还执行了两次单击事件。此类冲突在ZTree、DHTMLX中经常遇到。 想要解决两个事件冲突,...

    Revit二次开发之创建共享参数及绑定共享参数

    Revit二次开发,实现了创建共享参数并写入属性值。

    Vue.js中数据绑定的语法教程

    数据绑定语法 Vue.js 的模板是基于 DOM 实现的。...Vue 模板因而从根本上不同于基于字符串的模板,请记住这点。...你也可以只处理单次插值,今后的数据变化就不会再引起插值更新了: <span>This will never change: {{*

    解决VUE双向绑定失效的问题

    双向绑定失效的原因有很多。 lz就说最近遇到的。 是的,单价下的那个输入框我用了双向绑定...以为美滋滋的一次搞定! 当提交的时候 u才发现 双向绑定的变量,压根就是空值。。。。 空值。。。后来才知道,双向绑定

    jQuery 相关控件的事件操作分解

    对于控件的事件,jQuery已经提供了丰富的方法,包括绑定、一次绑定、触发等,阿拉今早看看叫一哪能用额伐,大虾路古就可以了。 jQuery的绑定事件非常方便,有bind、live、one还有它帮你把一些常用的事件给单独了...

    js鼠标单击和双击事件冲突问题的快速解决方法

    如果在一个DOM对象上同时绑定单击(click)和双击(dblclick)事件,当在这个DOM对象上发生双击事件时,第一次点击(click)会 触发一次单击(click)事件,第二次点击(连续的)也会触发双击(dblclick)事件,还是会...

    jQuery的打开多个标签页面代码.zip

    jQuery Bootstrap打开多个标签页面代码是一款使用标签页打开... 还可以解除特定插件的事件绑定,只要将插件名和data-api链接在一起作为参数使用。如下所示: $('body').off('.alert.data-api')

    bind-late:可覆盖对象属性的后期绑定

    当第一次访问该属性时,它们会以最终被覆盖的对象作为_参数被调用,并且它们的返回值会影响到该属性。嵌套您可以嵌套后期绑定对象。 后期绑定对象不是普通对象,并且在override期间不会递归扩展,因此您需要显式...

    基于JQUERY的改进型浮动层(右键)列表菜单

    //绑定一个父框架以操作里面的多项子元素(只需绑定一次),用来代替对每个子元素都绑定 //单单只绑定一个DOM元素(参数jq为一个JQUERY对象) 两种方法都要传一个必要的事件名称参数,如contextmenu右击,mousedown...

    基于jquery的改进型(右键)列表菜单

    //绑定一个父框架以操作里面的多项子元素(只需绑定一次),用来代替对每个子元素都绑定 //单单只绑定一个DOM元素(参数jq为一个JQUERY对象) 两种方法都要传一个必要的事件名称参数,如contextmenu右击,mousedown...

    jQuery打开多个标签页面代码.zip

    jQuery打开多个标签页面代码是一款使用标签页打开页面模式,可以自由切换关闭。...还可以解除特定插件的事件绑定,只要将插件名和data-api链接在一起作为参数使用。如下所示: $('body').off('.alert.data-api')

    睿智送货单打印软件标准版7.80破解版

    使用睿智送货单管理软件在管理好送货单的同时,您还可以管理好您的...支持一客一价、一产品一价的功能,支持客户绑定一个单价,可以根据需求自定义设置。 5、内置条码管理,并支持一客一价,即时提示最近5次销售价。

    学琴屋(安卓版)

    1、独特视频谱,将曲谱直接转为演奏示范视频,可以控制速度,甚至单次播放,清楚展现每一次按键动作。 2、三种曲谱显示方式:五线谱,首调式简五谱,固定调简五谱, 让您轻松识谱。 3、跟弹模式(暂时限于PC端),用...

    Vue.js每天必学之数据双向绑定

    Vue.js 的模板是基于 DOM 实现的。...Vue 模板因而从根本上不同于基于字符串的模板,请记住这点。...你也可以只处理单次插值,今后的数据变化就不会再引起插值更新了: <span>This will never change: {{* msg }}</

    [更新v2.6][鱼刺零件]鱼刺私用WS(WebSocket) 多线程并发稳定单机6W连接

    *支持绑定主动心跳事件来帮助处理心跳包。*支持为每个连接绑定不同的回调事件。*支持为每个连接绑定不同的本地出口IP。*其他。-----------------------------------------。v2.6(2019-10-06)。*升级羁绊核心到5.6.1...

    whenipress:JavaScript中围绕键盘绑定的小巧,功能强大且声明性的包装器

    提供高级功能,例如侦听双击键和仅侦听一次键盘事件。 将所有键绑定存储在一个地方,使您可以访问应用程序中的每个绑定。 使用group功能允许密钥分组,使您的代码更具可读性和功能。 提供释放键盘快捷键时要通知的...

    睿智送货单打印软件标准版2020

    使用睿智送货单管理软件在管理好送货单的同时,您还可以管理好您的...支持一客一价、一产品一价的功能,支持客户绑定一个单价,可以根据需求自定义设置。 5、内置条码管理,并支持一客一价,即时提示最近5次销售价。

Global site tag (gtag.js) - Google Analytics