JS事件 Event

获得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;
}
},

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 什么是事件: 事件是交互体验的核心功能 一.事件冒泡: 当一个事件发生时,这个事件会从内向外逐层传递。 二.为什么...
    轻描淡写mua阅读 3,520评论 0 0
  • 以下文章为转载,对理解JavaScript中的事件处理机制很有帮助,浅显易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy阅读 8,218评论 1 10
  • 什么是事件: 我们可以简单的把事件理解为浏览器的感知系统。比如说:他可以感觉到用户是否点击(click)了页面、鼠...
    张松1366阅读 11,806评论 1 6
  • 相关知识点数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Aja...
    heyunqiang99阅读 4,436评论 6 28
  • 事件流: 事件流:页面接收事件的顺序。 IE定义的:事件冒泡流(由最具体的元素依次传播到DOM树的最上层的Docu...
    xiaoguo16阅读 3,759评论 0 0

友情链接更多精彩内容