-
事件流：描述的是从页面中接受事件的顺序（IE：事件冒泡流）查看全部
-
原理：拖动的时候，光标位置在哪，面板位置就在哪，面板的坐标通过左上角的点来确定。 分析并解决Bug 1、确定光标在屏幕中的位置：clientheight/width 2、确定面板的位置：offsetwidth/height 3、面板的移动位置限制：四个方向 4、删除事件，mouseup方法查看全部
-
js ie10以下版本不支持document.getElementsByClassName js封装getClass方法，获取class 实现随鼠标拖动，需要让窗口的坐标随着鼠标移动，鼠标的坐标保存在时间的clientX和clientY两个属性中。 onmousedown鼠标按下 窗口和鼠标的位置同步；element.style.left/top=clientX+'px';，onmousemove当鼠标指针在元素内部移动时重复地触发查看全部
-
IE事件处理程序： attachEvent(type,hander)添加事件 事件类型要加on 如btn.attachEvent('onclick',showmsg); detachEvent()删除事件 参数：名称，函数 不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡！ 兼容函数代码： var elementUtil={ addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent('on'+type,handler); }else{ element['on'+type]=handler;// } } };查看全部
-
1html事件处理程序 2dom 0级事件处理程序 3 dom 2级事件处理程序 ie8以下版本不支持dom2级事件处理程序 dom 事件处理程序支持多个事件查看全部
-
event对象的keyCode属性用于得到键盘对应键的键码值查看全部
-
键盘事件查看全部
-
关闭加个X查看全部
-
每次type都忘了给引号，被自己蠢哭了查看全部
-
mousemove当鼠标指针在元素内部移动时重复地触发查看全部
-
在IE中: 几乎都是属性存在的 1) event || window.event (IE 8以前) 2) srcElement属性： 用于获取目标 event.target || event.srcElement 3) cancleBubble属性: 用于阻止事件冒泡 4) returnValue属性: 用于阻止事件的默认行为 false表示阻止事件的默认行为 DOM中的事件对象： 1. type属性 用于获取事件类型 2. target属性 用于获取事件目标 3. stopPropagation()方法 用于阻止事件冒泡 4. preventDefault()方法 阻止事件的默认行为 IE中的事件对象：（IE中event对象为window.event) 1. type属性 用于获取事件类型 2. srcElement属性 用于获取事件目标 3. cancelBubble属性 用于阻止事件冒泡。( cancelBubble = true ) 4. returnValue属性 阻止事件的默认行为。( returnValue = false )查看全部
-
什么是事件对象？在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 （1）、type属性用于获取事件类型 （2）、target属性用于获取事件目标 （3）、stopPropagation()方法 用于阻止事件冒泡 （4）、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button，button和div都绑定了click事件，如果是事件冒泡，那么点击button的时候，首先触发button的处理函数，然后触发div的处理函数。（由内而外） 如果有时候不想冒泡，也就是不希望div的事件被触发，那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转，可以使用阻止事件的默认行为preventDefault()方法查看全部
-
IE事件处理程序： attachEvent(type,hander)添加事件 事件类型要加on 如btn.attachEvent('onclick',showmsg); detachEvent()删除事件 参数：名称，函数 不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡！ 兼容函数代码： var elementUtil={ addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent('on'+type,handler); }else{ element['on'+type]=handler;// } } }; IE9浏览器之前的ie版本不能支持dom2，为了跨浏览器支持，需要用ie自己的一套。只需要两个参数，因为只支持事件冒泡(ie8以及更早的版本）。 不同浏览器的事件兼容问题 事件绑定： FF：变量名.addEventListener(“事件方法”,函数名,true/false); FF：变量名.addEventListener(“click”,fun1,true); IE：变量名.attachEvent(”事件方法”,函数名) IE：变量名.attachEvent(“onclick”,fun1); 事件移除： FF：变量名.removeEventListener(“click”,evt,true); IE：变量名.detachEvent(“onclick”,evt); 获取事件对象FF||IE： evt=evt||window.event; 获取事件对象目标对象FF||IE： targetElement=evt.target||evt.srcElement; 阻止浏览器默认行为： FF：event.preventDefault(); IE：window.event.returnValue=false; element.onclik===element[onclick]查看全部
-
DOM2级事件处理程序 addEventListener()添加事件 removeEventListener()移除事件 三个参数设置;事件名称，处理方法，冒泡（false）或捕获（true） 事件处理： 1、事件去掉on，没有onclick，只有click，没有onmouseover，只有mouseover等等； 2、false 兼容所有浏览器。 可以给一个事件绑定多个函数，事件触发的时候会按照绑定顺序执行各个函数。 btn.removeEventListener(参数);//参数必须和btn.addEventListener的参数一致，删除事件 缺点：IE不支持该事件查看全部
-
2. DOM0级事件处理程序 较传统的方式：把一个函数赋值给一个事件处理程序的属性。优点：简单，跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素，定义变量 btn2.onclick=function(){alert('这是通过DOM0级添加的事件！')}----让 事件以对象的属性 的形式出现。 btn2.onclick=null;-----删除onclick属性。查看全部
举报
0/150
提交
取消