js处理事件冒泡（兼容写法）

event = event || window.event; if (event.stopPropagation) { event.stopPropagation(); } else { event.cancelBubble = true; }…

js处理事件冒泡

给Dom元素添加事件时,有时候会遇到事件冒泡,处理方法如下: $("#Tab1 .close").live("click", function (event) { droptab(this);//业务逻辑处理函数 event.preventDefault(); event.stopPropagation(); return false; });…

/** * 简易的事件添加方法 */ define(function(require, exports, module) { exports.addEvent = (function(window, undefined) { var _eventCompat = function(event) { var type = event.type; if (type == 'DOMMouseScroll' || type == 'mousewheel') { event.delta = (event.…

js停止冒泡和阻止浏览器默认行为

停止冒泡通用方法: function stopBubble(e) { //如果提供了事件对象,是非IE浏览器 if ( e && e.stopPropagation ) //使用W3C的stopPropagation()方法 e.stopPropagation(); else //使用IE的cancelBubble = true来取消事件冒泡 window.event.cancelBubble = true; } 阻止浏览器默认行为-通用方法 //阻止浏览器的默认行为 function s…

javascript阻止事件冒泡的兼容写法及其相关示例

//阻止事件冒泡的兼容写法 function stopBubble(e){ //如果提供了事件对象,则是一个非IE浏览器 if(e && e.stopPropagation) //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); else //否则,我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true; } <!doctype html> <html> <hea…

js基础--获取浏览器当前页面的滚动条高度的兼容写法

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言在开发中,兼容性问题是最常见的,今天就来介绍一下关于获取滚动条高度的兼容性写法,宽度同理,我在这里就不一一解释了各浏览器的写法 IE6/7/8 document.documentElement.scrollTop IE9以上 window.pageYOffset或者document.documentElement.scrollTop Safari window.pageYOffset 与document.body.s…

原生JS forEach()和map()遍历的区别以及兼容写法

一.原生JS forEach()和map()遍历共同点: 1.都是循环遍历数组中的每一项. 2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当前项的索引index,原始数组input. 3.匿名函数中的this都是指Window. 4.只能遍历数组. 1.forEach() 没有返回值. arr[].forEach(function(value,index,array){ //do something }) 参数:value数组中的当前项,…

处理事件冒泡，阻止默认事件工具类，兼容IE

//处理事件冒泡,阻止默认事件工具类,兼容IEvar eventUtil={ // 添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ //处理IE浏览器的兼容 element.attachEvent('on'+type,handler);…

JS——样式获取的兼容写法

样式获取普通获取属性方式div.style.width或者div.style["width"]无法获取内嵌和外链式,只能获取行内式 window.getComputedStyle(div, null) 返回元素的长宽等带有单位px 第二个参数是伪类,没有填null <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <…

js事件的一些兼容写法

事件兼容事件对象的兼容获取键码兼容默认行为兼容阻止事件冒泡兼容事件监听兼容 ---- 封装删除事件监听兼容 ---- 封装事件委托->获取事件源兼容…