js 事件相关

最新推荐文章于 2025-08-28 15:18:45 发布

原创最新推荐文章于 2025-08-28 15:18:45 发布 · 71 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了两种事件处理机制——冒泡与捕获，并对比了不同浏览器环境下添加与移除事件监听的方法。此外还讨论了通过JavaScript操作CSS样式的几种方式，包括直接修改元素样式属性、利用styleSheets对象及getComputedStyle方法获取计算后的样式。

1.两种事件类型
冒泡
捕获

2.两个添加事件的函数
ie中的
[object].attachEvent('name_of_event_handler',fnHandler);
[object].detachEvent('name_of_event_handler',fnHandler);
dom标准的
[object].addEventListener('name_of_event_handler',fnHandler,true);//true表示为捕获
[object].removeEventListener('name_of_event_handler',fnHandler);

js 通过styleSheets访问引用的CSS，全局的(ie)document.styleSheets[0].rules[0].style.backgroundColor||(dom)document.styleSheets[0].cssRules
元素的style当前元素的style属性 ele.style
经过综合计算的currentStyle，当前元素的最终显示style,ele.currentStyle,不同其它两个，这个仅是只读
(dom)document.defaultView.getComputedStyle(ele,null).backgroundColor注意null为样式元素，这个方法有IE中无效

js innerText innerHTML 赋值与取值是添加在元素下节点
js outerText outerHTML 赋值与取值替换元素节点(只有ie,opera)