美文网首页
JS事件 Event

JS事件 Event

作者: angi_uan | 来源:发表于2017-11-30 18:01 被阅读0次

获得event对象兼容性写法 :
event || (event = window.event);

获得target兼容型写法 :
event.target || event.srcElement

阻止浏览器默认行为兼容性写法 :
event.preventDefault ? event.preventDefault() : (event.returnValue = false);

阻止冒泡写法 :
event.stopPropagation ? event.stopPropagation() : (event.cancelBubble = true);

//事件绑定方法
function bindEvent (element, type, func) {
if (element.addEventListener) {
element.addEventListener(type, func, false)
} else if (element.attachEvent) {
element.attachEvent('on' + type, func)
} else {
element['on' + type] = func
}
}

//解除事件绑定
function unbindEvent(element, type, func) {
if (element.removeEventListener) {
element.removeEventListener(type, func, false);
} else if (element.removeEvent) {
element.removeEvent("on" + type, func);
} else if (element["on" + type]){
element["on" + type] = null;
}
},

相关文章

  • js阻止浏览器默认行为和事件冒泡

    js 阻止事件冒泡 window.event?window.event.cancelBubble =true: e...

  • JS事件 Event

    获得event对象兼容性写法 :event || (event = window.event); 获得target...

  • Js事件(Event)

    一、事件绑定 click 二、事件冒泡 解释: 这是一个冒泡的过程,如果你监听 标签,可以监听到,如果你监听bod...

  • js event loop、promise、async/awai

    event loop 事件循环/事件轮询 首先,js是单线程运行的,异步要基于回调来实现。event loop就是...

  • Vue事件总线$emit数据传递

    创建全局Vue实例作为中间服务组件event.js 引用evnet.js 发送事件 接受事件

  • vue事件修饰符

    .stop阻止事件冒泡。类似js中的event.stopPropagation() .prevent阻止默认事件。...

  • JS中的事件

    JS中的事件 一:自定义事件 1.使用Event自定义事件 使用Event接口,可以自定义事件。但是该接口无法在事...

  • js逻辑运算

    1.使用JS触发事件(dispatchEvent) 例如:主动触发click事件 var event=new Ev...

  • 【Vue】常见修饰符

    有过JS事件代码开发经验的一定对event.preventDefault()(阻止节点默认行为)和event.st...

  • JS事件—Event 对象

    概述 事件发生以后,会产生一个事件对象,作为参数传给监听函数。浏览器原生提供一个Event对象,所有的事件都是这个...

网友评论

      本文标题:JS事件 Event

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