知识点总结: 鼠标滚轮事件 存在兼容性问题: IE/chorme : onmousewheel FF : DOMMouseScroll,必需用在addEventListener下,例如: if (obj.addEventListener) { obj.addEventListener('DOMMouseScroll',fn,false); } 注:addEventListener也需要做兼容,该方法在FF和chorme有效,在IE中是attachEvent 滚轮属性: IE/chorme: ev…

知识点总结 鼠标拖拽原理: 1.鼠标按下后开始移动,鼠标抬起停止移动,即onmousedown中要包括onmousemove和onmouseup 2.获取位置的计算:获取鼠标的当前位置-鼠标在物体中的位置(当值不变),可通过ev.clientX(鼠标到可视区) - obj.offsetLeft(物体到可视区)来计算 注意事项: 1.为了防止鼠标移动的过快,需要onmousemove和onmouseup前面使用document 2.因为浏览器自带有对文字移动,对你的移动产生的冲突,因此: 在标准浏…

知识点总结 事件捕获 obj.addEventListener('click',fn,true) 从外往里 obj.addEventListener('click',fn,false) 从里往外(冒泡) 事件取消 1. obj.onclick = fn; obj.onclick = null; 赋'null'值即可 2. IE: obj.attachEvent('onclick',fn); obj.detachEvent('onclick',fn); //取消 标准: obj.addEventL…

知识点总结 焦点事件 onfocus 获取焦点 onblur 失点焦点 obj.focus() 给指定元素设置焦点 obj.blur() 取消指定元素的焦点 obj.select() 选择指定元素里的文本内容,只能选择用户输入的内容,例如:全选后就可以复制,input textarea event对象 var ev = ev(标准下)||event(非标准下,即IE) clientX,clientY 鼠标到可视区的距离 ev.clientX/clientY 例子:方块跟随鼠标移动,注意clien…

知识点总结 childNodes.children子节点列表集合.nodeType节点类型.nodeName.nodeValue.attributes属性列表集合 childNodes和children都只包含子节点,不包含孙节点. 区别: childNodes-- 标准下:包含元素和文本节点,也会包含非法嵌套的子节点 非标准下:只包含元素节点,IE7以下不会包含非法嵌套的子节点(IE6) children-- 标准模式下和非标准模式下:只包含元素节点(推荐使用此方法) nodeType 为节点…

知识点总结 获取样式.增加样式.删除样式函数的封装 表格 tHead tBodies tFoot rows 行 cells 列 表单 表单可以通过name来获取元素:表单.name值 onchange 当值发生改变时触发 text: 当光标移开时触发 radio/checkbox: 标准下点击改变就触发,非标准下改变并光标离开时才触发(推荐使用onclick),判断是否选中checked select: 值发生改变时触发 onsubmit 事件 当提交表单时触发 submit() 方法,比如:页…

知识点总结: JSONP(JSON with Padding): 1.script标签 2.用script标签加载资源是没有跨域问题的 在资源加载进来之前定义好一个函数,这个函数接收一个参数(数据),函数里面利用这个参数做一些事情 然后需要的时候通过script标签加载对应远程文件资源,当远程的文件资源被加载进来的时候,就会去执行我们前面定义好的函数,并且把数据当作这个函数的参数传入进去…

知识点总结 函数封装 回调函数 实例:抖动函数 获取当前的位置 通过数组来实现,一正一负,直到恢复成0为止. 当前位置与数组中各值相加…

知识点总结 getElementsByTagName(动态方法) 与 getElementById(静态方法) 的区别 1.ID前面只能跟document,不能跟其他元素,比如:document.getElementById('list') TagName前面可以跟其他元素也可以跟document,比如:oUl.getElementsByTagName('li') 2.ID只能找到一个元素 TagName找到一堆元素的集合,因此在用的时候必须要加上:[] 3.ID如果不存在,用getElemen…

知识点总结 HTML的属性操作:读.写 元素.属性名 => “读” 元素.属性名＝新的值 => “写” 例如: oBtn.value => “读” oBtn.value='按钮' => “写” 注意事项: 1.表单元素的类型不要乱改,即oInput.type='checkbox',因为IE6.IE7.IE8不支持 如果还要实现这种效果, 比如:点击后,由button变成checkbox 实现方法:将button隐藏起来,checkbox显示来实现 2.float IE(styleF…