-
4-1 QQ面板拖拽效果(上) document。getElementByClassName();在IE10之前的版本不支持 onmousedown:用户按下任何鼠标按钮时触发 onmousemove:当鼠标指针在元素内部移动时重复地触发 鼠标事件都是在浏览器窗口中的特定位置上发生的。这个位置信息保存在事件的clientX和clientY属性中。所有浏览器都支持这两个属性,它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标。不包括页面滚动的距离。查看全部
-
IE事件处理程序:IE也提供了类似DOM0级和DOM2级事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同的两个参数,事件处理程序的名称和事件处理程序的函数。去掉了布尔值,不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡! 在ie下给btn3添加事件 btn3.attachEvent('onclick',showMes); 主意:在ie事件处理程序上,又要把on加上 btn3.detachEvent('onclick',showMes); 支持ie事件处理程序的浏览器主要有ie和opera两个浏览器。查看全部
-
3. DOM2级事件处理程序(不与IE兼容) 需要接受的参数: 要处理的事件名(不加on),作为处理事件程序的函数,布尔值 (1). addEventListener(); 添加 (2). removeEventListner(); 删除 DOM0级和DOM2级事件的优点:可以给一个元素添加多个事件处理程序,这些个事件是按照他们的顺序来实现的;也可以添加多个事件查看全部
-
2. DOM0级事件处理程序 较传统的方式:把一个函数赋值给一个事件处理程序的属性,先把元素取出,然后再给元素添加事件;用的比较多的方法,因为简单、跨浏览器优势。查看全部
-
1. 事件直接加在HTML代码中: 缺点:HTML和js代码高耦合,如果修改,就要修改两个地方:HTML元素内和script函数。查看全部
-
事件捕获:不太具体的节点应该更早接收到元素,而最具体的节点最后接收到事件。查看全部
-
事件流:描述的是从页面中接受事件的顺序(IE:事件冒泡流) 事件冒泡:即事件最开始由最具体的无素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到最不具体的那个节点(文档)查看全部
-
3-2 IE中的事件对象 event = event || window.event event.taget || event.srcElement (1)、type 属性 用于获取事件类型 (2)、srcElement属性 用于获取事件的目标 (3)、cancelBubble 属性用于阻止冒泡 设置为true阻止冒泡,,false 表示不阻止冒泡 (4)、returnValue=false 属性阻止事件的默认行为查看全部
-
3-1 DOM中的事件对象 bubbles属性(默认冒泡吗) canselable属性查看全部
-
什么是事件对象?在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 (1)、type属性用于获取事件类型 (2)、target属性用于获取事件目标//event.target.nodeName 节点名称 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault() 方法 阻止事件的默认行为(默认行为如超链接跳转)查看全部
-
调用的方法eventUtil.addHeadler(bnt3,'click',showMes);查看全部
-
addHeadler和rwmoveHeadler是自己起的名查看全部
-
跨浏览器解决方案 能力检测 dom2级 IE事件处理程序 dom0级 var eventUtil={ // 添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false);//dom2级 }else if(element.attachEvent){//IE事件处理程序 element.attachEvent('on'+type,handler); }else{//dom0级 element['on'+type]=handler; //element.onclick===完全等价于element['onclick'] } }, // 删除句柄 }查看全部
-
2-4 IE事件处理程序: IE也提供了类似DOM0级和DOM2级事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同的两个参数,事件处理程序的名称和事件处理程序的函数。去掉了布尔值,不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡! 在ie下给btn3添加事件 btn3.attachEvent('onclick',showMes); 主意:在ie事件处理程序上,又要把on加上 btn3.detachEvent('onclick',showMes); 支持ie事件处理程序的浏览器主要有ie和opera两个浏览器。查看全部
-
dom2 级 添加多个事件可以实现多种效果(例如鼠标滑过和鼠标点击事件)查看全部
举报
0/150
提交
取消