标签归档:DOM

JS 不支持冒泡的DOM事件

事件冒泡是指在元素上某事件被触发时,这个事件将会在该元素的所有祖先元素上被触发。但是有些事件支持冒泡,有些则不支持。

不支持冒泡的事件

打印事件:
onafterprint、onafterprint
页面加载、卸载事件:
onload、onbeforeunload、onunload
滚动条滚动、浏览器窗口调整事件
onscroll、onresize 继续阅读

发表在 JavaScript | 标签为 , , , , | JS 不支持冒泡的DOM事件已关闭评论

JS获取DOM元素CSS样式的方法

CSS 样式有两种类型:
1.行内样式,即通过元素的 style 属性定义的样式。
2.非行内样式,即通过 <style> 标签或引入外部 CSS 文件定义的样式。
针对 DOM 元素的行内样式,可以从 DOM.style 样式集合中读取对应行内样式属性,如:DOM.style.width、DOM.style.height 等。而要获取非行内样式,则需要通过 window.getComputedStyle()(W3C)方法或 DOM.currentStyle(IE)当前样式集合属性去获取。 继续阅读

发表在 JavaScript | 标签为 , , , , | JS获取DOM元素CSS样式的方法已关闭评论

JS DOM事件汇总

onanimationstart 事件在 CSS 动画开始播放时触发。
onanimationiteration 事件在重复 CSS 动画时触发。
onanimationend 事件在 CSS 动画完成时触发。
ontransitionend 事件在 CSS 转换完成时触发。
onbeforeprint 事件在页面即将被打印或打印对话框出现前触发。
onafterprint 事件在页面已开始打印,或打印对话框已关闭时触发。 继续阅读

发表在 JavaScript | 标签为 , , , | JS DOM事件汇总已关闭评论

用JavaScript获取DOM元素的位置

HTMLElement.offsetLeft 返回当前元素左边界相对于 offsetParent 节点的左边界的距离。HTMLElement.offsetTop 返回当前元素上边界相对于 offsetParent 节点的上边界的距离。值为像素值,整数。 继续阅读

发表在 JavaScript | 标签为 , | 留下评论