随笔分类 -  妙味DOM

摘要:知识点总结: 鼠标滚轮事件 存在兼容性问题: IE/chorme : onmousewheel FF : DOMMouseScroll,必需用在addEventListener下,例如: if (obj.addEventListener) { obj.addEventListener('DOMMou 阅读全文
posted @ 2014-03-04 12:38 joya 阅读(207) 评论(0) 推荐(0)
摘要:知识点总结鼠标拖拽原理:1、鼠标按下后开始移动,鼠标抬起停止移动,即onmousedown中要包括onmousemove和onmouseup2、获取位置的计算:获取鼠标的当前位置-鼠标在物体中的位置(当值不变),可通过ev.clientX(鼠标到可视区) - obj.offsetLeft(物体到可视区)来计算注意事项:1、为了防止鼠标移动的过快,需要onmousemove和onmouseup前面使用document2、因为浏览器自带有对文字移动,对你的移动产生的冲突,因此: 在标准浏览器下,需要阻止浏览器的默认行为,即return false; 在IE下,在onmousedown中使用se.. 阅读全文
posted @ 2014-02-25 17:09 joya 阅读(249) 评论(0) 推荐(0)
摘要:知识点总结事件捕获obj.addEventListener('click',fn,true)从外往里obj.addEventListener('click',fn,false)从里往外(冒泡)事件取消1、obj.onclick = fn;obj.onclick = null;赋'null'值即可2、... 阅读全文
posted @ 2014-02-24 16:41 joya 阅读(165) 评论(0) 推荐(0)
摘要:知识点总结 焦点事件 onfocus 获取焦点 onblur 失点焦点 obj.focus() 给指定元素设置焦点 obj.blur() 取消指定元素的焦点 obj.select() 选择指定元素里的文本内容,只能选择用户输入的内容,例如:全选后就可以复制,input textarea event对 阅读全文
posted @ 2014-02-24 11:02 joya 阅读(248) 评论(0) 推荐(0)
摘要:知识点总结childNodes、children子节点列表集合、nodeType节点类型、nodeName、nodeValue、attributes属性列表集合 childNodes和children都只包含子节点,不包含孙节点。 区别: childNode... 阅读全文
posted @ 2014-02-20 16:09 joya 阅读(287) 评论(0) 推荐(0)
摘要:知识点总结获取样式、增加样式、删除样式函数的封装表格 tHead tBodies tFoot rows 行 cells 列表单 表单可以通过name来获取元素:表单.name值 onchange ... 阅读全文
posted @ 2014-02-18 15:44 joya 阅读(267) 评论(0) 推荐(0)