-
HTML事件处理程序(现在不建议使用了):事件直接加在HTML代码中 缺点：HTML和js代码高耦合，如果修改，就要修改两个地方--HTML元素内和script函数。查看全部
-
1.事件冒泡：事件由子元素获取并沿DOM树向上传播 2.事件捕获：事件由根元素获取并沿DOM树向下分发查看全部
-
本章内容 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阻止事件的默认行为查看全部
-
跟参考答案对了一遍代码，完全没问题，但就是运行不出来。然后开始一个字母一个字母的对，结果发现少了window.onload=function(){}右半个花括号 =_=查看全部
-
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>查看全部
-
//浏览器宽度 winW=document.documentElement.clientWidth || document.body.clientWidth; //浏览器高度 winH=document.documentElement.clientHeight || document.body.clientHeight;查看全部
-
console.log 主要是方便你调式javascript用的,你可以看到你在页面中输出的内容。 相比alert他的优点是： 他能看到结构化的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。 console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。 console里面的内容非常丰富，你可以在控制台输入：console，然后就可看到它有网页的各种提示。 键盘事件 onkeydown：按下键盘上任意键时触发，（按住不放会重复触发） onkeypress：按下键盘上的字符键时触发 onkeyup：释放键盘上的键时触发,（即按住不会重复触发） keyCode：event.keyCode，获得当前按下键盘上按键的键码，回车键为13 定时器： 注意：使用timer前一定要进行初始化=====>var timer[]; timer=setInterval(function(){},50)：每隔50ms执行一次函数 clearInterval(定时器名)：清除定时器，再加定时器前需清除原来的定时器，防止多个定时器叠加 随机数： Math.random()：生成0-1的随机数 Math.floor()：向下取整查看全部
-
HTML事件处理程序(现在不建议使用了):事件直接加在HTML代码中 缺点：HTML和js代码高耦合，如果修改，就要修改两个地方--HTML元素内和script函数。查看全部
-
@·DOM2级事件处理程序 **定义了两个方法： > addEventListener()--------------添加事件 > removeEventListener()-----------移除事件 三个参数设置;事件名称，处理方法(函数)，布尔值-----冒泡（false）或捕获（true） btn3.addEventListener('click',showMes,false); 【注意】 1、若事件名称有on，则需去掉on。onclick -----> click，onmouseover -----> mouseover等等； 2、false 兼容所有浏览器-----事件冒泡流。 3.通过addEventListener添加的事件只能通过removeEventListener来删除。---参数要一样 btn.removeEventListener(参数);//参数必须和btn.addEventListener的参数一致，删除事件 dom0级和dom2级事件处理程序 可以给一个事件绑定多个函数，事件触发的时候会按照绑定顺序执行各个函数。 btn3.addEventListener('click',showMes,false); btn3.addEventListener('click',showMes,function(){alert(this.value）;},false); ··缺点：IE不支持该事件查看全部
-
事件流分为两种，事件冒泡是事件从最具体的元素开始发生反应，然后逐级向上到最不具体的那个元素结束的一个传递的过程，比如古代以前传书，信件由家里书房出发，然后走出家门，然后到驿站去寄，一路快马到偌大的紫荆城查看全部
-
DOM2级事件处理程序 定义了两个方法： addEventListener()添加事件 removeEventListener()移除事件 三个参数设置;事件名称，处理方法(函数)，布尔值-----冒泡（false）或捕获（true） btn3.addEventListener('click',showMes,false); 注意： 1、若事件名称有on，则需去掉on。onclick -----> click，onmouseover -----> mouseover等等； 2、false 兼容所有浏览器-----事件冒泡流。 3.通过addEventListener添加的事件只能通过removeEventListener来删除。---参数要一样 btn.removeEventListener(参数);//参数必须和btn.addEventListener的参数一致，删除事件 dom0级和dom2级事件处理程序 可以给一个事件绑定多个函数，事件触发的时候会按照绑定顺序执行各个函数。 btn3.addEventListener('click',showMes,false); btn3.addEventListener('click',showMes,function(){alert(this.value）;},false); 缺点：IE不支持该事件查看全部
-
真无语啊，很简单的函数封装，和调用，弄了1个小时才正常运行: 1.隐藏/登陆函数里面没有写执行代码 2.封装监听函数参数格式书写错误,false加了引号,hander书写错误,attachEvent中type掉了on，事件对象写成了login_box. 3.最后掉了window.load最后的“}”；查看全部
-
//封装一个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以前的浏览器不支持查看全部
-
鼠标事件查看全部
-
DOM2和DOM0级共同优点：可以给一个元素上添加多个事件处理程序，会按照顺序执行。 DOM2级事件处理程序，ie不支持，ie有专用的事件处理程序。 DOM2级事件处理程序：定义了两个方法---用于处理指定和删除事件处理程序的操作。【addEventListener()---给某元素添加一个事件监听程序】和【removeEventListener()---删除一个事件。必须传入添加事件时相同的参数】（通过前者添加的事件，只能通过后者删除。如obj.click= null无效） 3个参数：要处理的事件名、作为处理时间处理程序的函数及一个boolean（true---表示在捕获阶段调用事件处理程序，false---表示在冒泡阶段调用事件处理程序(可以最大限度的兼容浏览器)。一般设为false）. 如：object.addEventListener("click",function(){},false);查看全部
举报
0/150
提交
取消