DOM event
DOM event
ivanfor666
虽是一只小鸟,玩的却是整个天空。
展开
-
封装自己的addEvent
function addEvent(elem, type, handle){ if(ele.addEventListener){ ele.addEventListener(ele, type, flase); }else if(ele.attachEvent){ elem.attachEvent('on' + type, functi...原创 2018-03-09 10:02:13 · 541 阅读 · 0 评论 -
事件处理模型———— 事件冒泡,捕获
事件处理模型———— 事件冒泡,捕获 事件冒泡: 结构上(非视觉上)嵌套关系的元素,会存在事件冒泡的功能,即同一事件, 自子元素冒泡向父元素。(自底向上) 事件捕获: 结构上(非视觉上)嵌套关系的元素,会存在事件捕获的功能,即同一事件, 自父级元素捕获至子元素(事件源元素)。(自顶向下) IE没有捕获事件 触发顺序,先捕获,后冒泡。 ...原创 2018-03-09 10:31:50 · 119 阅读 · 0 评论 -
事件取消和阻止
取消冒泡: W3C标准 event.stopPropagation();但不支持ie9以下版本 IE独有event.cancelBubble = true;封装 stopBubble(event);function stopBulle(event){ if(event.stopPropagation){ event.stopPropagation(); }else{ eve...原创 2018-03-09 11:16:31 · 2111 阅读 · 0 评论 -
事件源兼容性写法和事件委托
事件源兼容性写法XXX.onclick = function(e){var event = e || window.event;var target = event.target || event.srvElement;console.log(target);}当出现ul>li 绑定多个li的情况下, 应该采用事件源 + 冒泡结合的形式来使用。ul>li{$}*100XXX.on...原创 2018-03-09 11:50:05 · 1090 阅读 · 1 评论