-
事件处理程序查看全部
-
事件对象查看全部
-
1、任何能够跟着鼠标移动的东西 都要有一个前提：绝对定位 2、鼠标事件都是在浏览器窗口中的特定位置上发生的。这个位置信息保存在事件的clientX和clientY属性中。所有浏览器都支持这两个属性，它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标。不包括页面滚动的距离。 3、js ie10以下版本不支持document.getElementsByClassName 4、js封装getClass方法，获取class 5、实现随鼠标拖动，需要让窗口的坐标随着鼠标移动，鼠标的坐标保存在时间的clientX和clientY两个属性中。 6、onmousedown鼠标按下 窗口和鼠标的位置同步； element.style.left/top=clientX/Y+'px'; onmousemove当鼠标指针在元素内部移动时重复地触发查看全部
-
var random = Math.floor(Math.random()*data.length); js获取数组索引随机数查看全部
-
防止点击l时，事件冒泡到ul以及div 支持stopPropagation的，使用stopPropagation，不支持的ie使用cancelBubble查看全部
-
事件流的种类：事件冒泡和事件捕获查看全部
-
1.IE事件处理程序：IE也提供了类似DOM2级事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同的两个参数，事件处理程序的名称和事件处理程序的函数。去掉了布尔值，不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡！ 在ie下给btn3添加事件 btn3.attachEvent('onclick',showMes); 主意：在ie事件处理程序上，又要把on加上 btn3.detachEvent('onclick',showMes); 支持ie事件处理程序的浏览器主要有ie和opera两个浏览器。 2.跨浏览器事件处理程序 var eventUtil = { //添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){element.addEventListener(type,handler,false);} // DOM2级事件处理程序 else if(element.attachEvent){element.attachEvent('on'+type,handler);} // IE事件处理程序 else{element['on'+type]=handler;} // DOM0级事件处理程序 }, //删除句柄 removeHandler:function(element,type,handler){ if(element.removeEventListener){element.removeEventListener(type,handler,false);} // DOM2级事件处理程序 else if(element.detachEvent){element.detachEvent('on'+type,handler);} // IE事件处理程序 else{element['on'+type]=null;} //DOM0级事件处理程序 } } eventUtil.addHandler(btn3,'click',showMessage); 3.js中所有用'.'的地方都可以使用'[]' 如：对象的点击事件element.onclick===element['onclick']查看全部
-
DOM 2级事件处理程序 DOM2级事件定义了两个方法： 用于处理指定和删除事件处理程序的操作 addEventListener（）和removeEventListner（）。 接收三个参数：要处理的事件名、作为事件处理程序的函数和布尔值。 对同一元素可使用多个事件,但不太兼容一些浏览器 obj.addEventListener("click",调用的函数名,布尔值true执行false开始不执行) 通过addEvenListenert添加的事件只能用removeEventListener去除查看全部
-
DOM0级事件处理程序 （用得比较多） 较传统的方式：把一个函数赋值给一个事件处理程序的属性。 优点：简单，跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素，定义对象 //取得btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件！')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性 btn2.onclick=null;-----删除onclick属性。 DOM0级事件处理程序 （用得比较多） 较传统的方式：把一个函数赋值给一个事件处理程序的属性。 优点：简单，跨浏览器的优势查看全部
-
HTML事件处理程序(现在不建议使用了):事件直接加在HTML代码中 缺点：HTML和js代码高耦合，如果修改，就要修改两个地方--HTML元素内和script函数。查看全部
-
1. 事件流： 描述的是从页面中接收时间的顺序 - IE： 事件冒泡流 —— 由最具体的元素逐级上升传播 - NetScape : 事件捕获流 —— 不太具体的节点更早地接到事件，最具体的节点最后接收到事件 总结： 两种事件流刚好相反查看全部
-
事件流---描述的是从页面中接受时间的顺序 IE---事件冒泡流。 ⒈事件冒泡流：即时间最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的那个节点（文档）. 栗子：若<body><div><input type="button"/></div></body>次结构，点击按钮时，默认点了按钮的容器 默认点了body,默认点了html，默认点了document. ⒉事件捕获流：不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件。查看全部
-
事件对象event; 在触发DOM导航的事件时都会产生一个对象，比如鼠标移动触发什么事件，键盘输入会触发什么事件，都是通过event这个对象获取的查看全部
-
事件对象event：在触发DOM上的事件时都会产生一个对象 1.DOM中的事件对象 (1)、type属性 用于获取事件类型 (2)、target属性 用于获取事件目标 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault()方法 阻止事件的默认行为 2.IE中的事件对象 (1)、type属性 用于获取事件类型 (2)、srcElement属性 用于获取事件目标 (3)、cancelBubble属性 用于阻止事件冒泡(设置true表示阻止冒泡，设置false表示不阻止冒泡) (4)、returnValue属性 阻止事件的默认行为(设置false表示阻止事件的默认行为)查看全部
-
添加和删除句柄查看全部
举报
0/150
提交
取消