JavaScript
文章平均质量分 79
lzding
这个作者很懒,什么都没留下…
展开
-
图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
通过 2 张图和 1 张表格,轻松区别 Javascript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。不同浏览器对这些属性的支持:原创 2015-05-02 09:42:51 · 50849 阅读 · 2 评论 -
javascript事件监听,事件冒泡/捕获总结
一、javascript事件监听机制很久以前有个叫Netscape的姑娘,她制订了Javascript的一套事件驱动机制(即事件捕获)后来又有一个叫“IE”的小子,这孩子比较傲气,他认为“凭什么我要依照你的规则走”,于是他又创造了一套自己的规则(事件冒泡)再后来,有个叫W3C的媒婆,想撮合这两个孩子,将他们的特点融合在了一起,这下,事件产生的顺序变成:事件从根节点开始,逐级派送原创 2015-05-17 08:46:30 · 3858 阅读 · 0 评论 -
js获取css值的方法:style、getComputedStyle和currentStyle
JS 获取 html元素的样式有三种方式:style、getComputedStyle 和 currentStyle等。区别在于:(1)style 只能获取行间样式,但能设置样式。(2)getComputedStyle 和 currentStyle 能够获取 行间样式/非行间样式/浏览器默认样式,但存在浏览器兼容问题,且不能设置样式。一、element.style 获取行间样式,以及设原创 2015-06-01 22:23:11 · 14221 阅读 · 2 评论 -
图解offsetWidth, clientWidth, scrollWidth, innerWidth, outerWidth, pageXOffset等
测试浏览器:ie7~ie11、chrome 和 firefox等。一、测试1:无滚动条时,offsetWidth、clientWidth和scrollWidth(1)测试代码:Javascript*{margin: 0;padding: 0;}body{font: 12px/2 Arial;background-color: #ccc;padding: 20px;}原创 2015-06-05 07:28:28 · 7232 阅读 · 0 评论