摘要: 样式获取 普通获取属性方式div.style.width或者div.style["width"]无法获取内嵌和外链式,只能获取行内式 window.getComputedStyle(div, null) 返回元素的长宽等带有单位px 第二个参数是伪类,没有填null div.currentStyle 阅读全文
posted @ 2017-12-05 17:45 var_obj 阅读(637) 评论(0) 推荐(0) 编辑
摘要: 模态框 1、因为a链接和和顶级document都注册了单击事件,所以要阻止a链接向父级盒子冒泡,不然又会从document的单击事件走一遍 2、在document的单击事件中,只需要判断触发事件的目标元素是不是白色盒子部分就行了 事件委托 1、普通注册事件没有办法为新创建的元素绑定事件。所以我们要使 阅读全文
posted @ 2017-12-05 16:49 var_obj 阅读(232) 评论(0) 推荐(0) 编辑
摘要: 事件冒泡与事件捕获 1、冒泡:addEventListener("click",fn,false)或者addEventListener("click",fn);捕获:addEventListener("click",fn,true)。 2、区别:冒泡是从触发该事件的目标节点一层一层往上将同种类型的事 阅读全文
posted @ 2017-12-05 15:16 var_obj 阅读(384) 评论(0) 推荐(0) 编辑
摘要: clientTop、clientLeft: clientTop:盒子的上boder clientLeft:盒子的左border clientWidth与clientHeight 1、在有DTD情况下: document.body.clientWidth、document.body.clientHei 阅读全文
posted @ 2017-12-05 14:57 var_obj 阅读(1309) 评论(0) 推荐(0) 编辑
摘要: 1、核心思想与之前的拖拽盒子是一样的 2、完全将鼠标在盒子中的坐标给滚动条是错的,因为这样会使滚动条顶部立刻瞬间移动到鼠标位置 3、必须在鼠标按下事件时记住鼠标在滚动条内部的坐标,再将鼠标在盒子中的坐标给滚动条时要减去这个相对距离 4、超出部分内容:超出部分移动距离=滚动条需要移动的距离:滚动条移动 阅读全文
posted @ 2017-12-05 09:47 var_obj 阅读(394) 评论(0) 推荐(0) 编辑