-
事件处理程序 1.HTML事件处理程序 事件直接加在HTML代码中 缺点:HTML和js代码耦合度,如果修改,就要修改两个地方:HTML元素内和script函数。查看全部
-
事件对象:event dom中的事件对象 type属性 事件类型 target属性 事件目标 stoppropagation()方法用于阻止事件冒泡 preventDefault()方法阻止事件的默认行为 bubbles属性查看全部
-
IE事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同的两个参数:事件处理程序的名称和事件处理程序的函数 跨浏览器的事件处理程序查看全部
-
dom2级事件处理程序 addEvenListener()和removeEventListner() 传递三个参数:要处理的事件名、作为事件处理程序的函数、布尔值 通过addEventListener()添加的事件,只能通过removeEventListner()删除查看全部
-
时间冒泡: 即事件最开始喲具体的元素(文档中嵌套层次最深的那个节点)接受,然后逐渐向上传播至最不具体的那个节点(文档)。查看全部
-
实现点击页面中的登录按钮:显示/隐藏登录页查看全部
-
通用事件处理程序查看全部
-
通用事件处理程序查看全部
-
键盘事件查看全部
-
有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari: window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 对于 Internet Explorer 8、7、6、5: document.documentElement.clientHeight document.documentElement.clientWidth 或者 document.body.clientHeight document.body.clientWidth查看全部
-
鼠标事件 push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。 //封装一个getByClass的方法 function getByClass(clsName,parent){ var oParent=parent?document.getElementById(parent):document, eles=[], elements=oParent.getElementsByTagName('*'); for(var i=0,l=elements.length;i<l;i++){ if(elements[i].className==clsName){ eles.push(elements[i]); } } return eles; } //onload flag函数会在页面或图像加载完成后立即发生 window.onload=drag; push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度 clientX clientY document.getElementsByClassName() IE10以前的浏览器不支持查看全部
-
// 封装添加事件监听程序 function addEvent(ele,type,hander){ if(ele.addEventListener){ ele.addEventListener(type,hander,false); }else if(ele.attachEvent){ ele.attachEvent('on'+type,hander); }else{ ele['on'+type] = hander; } } 本章内容 1、理解事件流 2、使用事件处理程序 3、不同的事件类型 一、事件流 事件流描述的是从页面中接受事件的顺序。 IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流 1、事件冒泡 事件冒泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不具体的节点(文档)。 2、事件捕获 事件捕获的思想是不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。 二、事件处理程序 1、HTML事件处理程序 2、DOM0级事件处理程序 3、DOM2级事件处理程序 DOM2级事件定义了两个方法:用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventListener()。它们都接收三个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。 4、IE事件处理程序 attachEvent()添加事件 detachEvent()删除事件 这两个方法接收相同的两个参数:事件处理程序名称与事件处理函数 5、跨浏览器的事件处理程序 三、事件对象 事件对象event 1、DOM中的事件对象 (1)、type:获取事件类型 (2)、target:事件目标 (3)、stopPropagation() 阻止事件冒泡 (4)、preventDefault() 阻止事件的默认行为 2、IE中的事件对象 (1)、type:获取事件类型 (2)、srcElement:事件目标 (3)、cancelBubble=true阻止事件冒泡 (4)、returnValue=false阻止事件的默认行为查看全部
-
IE中的事件对象(IE中event对象为window.event) (1)、type:获取事件类型 (2)、srcElement:事件目标 (3)、cancelBubble=true阻止事件冒泡 (4)、returnValue=false阻止事件的默认行为查看全部
-
DOM中的事件对象中的常用属性 (1). type属性用于获取事件类型 (2). target属性用于获取事件目标 (3). stopPropagation()方法 用于阻止事件冒泡 (4). preventDefault() 方法 阻止事件的默认行为查看全部
-
事件流:描述的是从页面中接受事件的顺序(IE:事件冒泡流) 事件冒泡:即事件最开始由最具体的无素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到最不具体的那个节点(文档)查看全部
举报
0/150
提交
取消