[妙味DOM]第三课：Event-事件详解1

【[妙味DOM]第三课：Event-事件详解1】的更多相关文章

[妙味DOM]第三课：Event-事件详解1

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

[妙味DOM]第五课：事件深入应用

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

Event事件详解

首先提到event,先要明白event的产生,也要先明白焦点,什么是焦点.焦点 : 使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接收用户的输入. 我们可以通过一些方式给元素设置焦点.而并不是所有元素都能够接收焦点的,能够响应用户操作的元素才有焦点.例如: <input type="text" /> <a href="http://www.baidu.com">百度</a> 说到input,平时用的较多的是o…

[妙味DOM]第六课：鼠标滚轮和COOKIE

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

[妙味DOM]第四课：Event-事件详解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…

[妙味Ajax]第三课：AJAX跨域解决方案：JSONP

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

JavaScript——event事件详解

1.事件对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 什么时候会产生Event 对象呢? 例如: 当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象. 事件通常与函数结合使用,函数不会在事件发生前被执行! 使用场景即: var oDIv = document.getElementById('box'); oDiv.onclick = function(event…