-
type 获取事件类型； taget 获取事件目标作用于那个控件； stopPropagation() 阻止事件冒泡沫； preventDefault() 停止默认事件;查看全部
-
DOM2级事件处理程序<br> 定义了两个方法--用于处理指定和删除事件处理程序的操作：<br> addEventListener()添加事件监听程序<br> removeEventListener()移除事件监听程序<br> 三个参数设置;事件名称，处理方法(函数)，布尔值--false：表示在冒泡阶段调用事件处理程序(可以最大限度的兼容浏览器)，一般设为false；true表示在捕获阶段调用事件处理程序<br> <br> <br> btn3.addEventListener('click',showMes,false);<br> 注意：<br> 1、若事件名称有on，则需去掉on。onclick --> click，onmouseover --> mouseover等等；<br> 2、false 最大限度兼容所有浏览器--事件冒泡流。<br> 3.通过addEventListener添加的事件只能通过removeEventListener来删除。--参数要与添加事件时相同<br> btn3.removeEventListener(参数);//参数必须和btn.addEventListener的参数一致，删除事件监听<br> <br> DOM2级事件处理程序可以给一个事件绑定多个函数，事件触发的时候会按照绑定顺序执行各个函数。如下所示：<br> btn3.addEventListener('click',showMes,false);<br> btn3.addEventListener('click',showMes,function(){alert(this.value）;},false);<br> DOM0级事件则后面添加的同一事件类型会覆盖前面的；<br> 缺点：DOM2级事件处理程序，ie不支持，ie有专用的事件处理程序。查看全部
-
事件冒泡：IE的事件流，即事件最开始由最具体的元素接受，然后逐级向上传播至最不具体的元素。所有支持此事件模型 例如： 事件捕获：与事件冒泡相反。 事件冒泡方法，stopPropagation()阻止事件冒泡。<br> 例如：<div id="btn1"><br> <input type="button" value="按钮" id="btn2"> <br> </div><br> 如果在input和div元素都有onclick 事件，触发input的onclick事件会同时触发div的onclick事件。查看全部
-
2.IE中的事件对象 a.type属性 用于获取事件类型 b.srcElement属性 用于获取事件目标 c.cancelBubble属性 用于阻止/取消事件冒泡 设置为true表示阻止冒泡 设置为false表示不阻止冒泡查看全部
-
event=event window.event查看全部
-
stopPropagation()方法 用于阻止事件冒泡 preventDefault（）方法 阻止事件默认行为查看全部
-
clearInterval();//清除定时器<br> that=this;//this:即对象本身的节点位置，在哪触发的函数this就指的谁<br> 局部变量不能跨函数存在，因而必须重新定义<br> <br> 键盘事件是作用在整个页面的，因此事件对象为document<br> EVENT对象的keyCoden属性得到键盘上对应的键码<br> <br> console.log(event.keyCode);//运用console在控制台上打印出事件返回的结果可以找到键码 回车 13；空格 32；下 40；上 38；左 37；右 39；shift 16;control 17;alt 18;查看全部
-
1.键盘事件无法使用this来绑定操作的对象（键盘事件绑定的是document）,所以须先在函数中获取相关的对象; 2.笔记总结 键盘事件 onkeydown：按下键盘上任意键时触发（按住不放会重复触发）; onkeypress：按下键盘上的字符键时触发; onkeyup：（按下后）释放键盘上的键时触发; keyCode：event.keyCode,获得当前按下键盘上按键的键码,回车键为13; 定时器： 注意：使用timer前一定要进行初始化=====>var timer[]; （之前一个例子的疑问，就是这个量没有初始化，但它用的是类属性来表示：obj.time） timer=setInterval(function(){},50)：每隔50ms执行一次函数; clearInterval(定时器名)：清除定时器，再加定时器前需清除原来的定时器，防止多个定时器叠加; console.log()—— 主要是方便调试javascript用的,可以看到在页面中输出的内容。 相比alert其的优点是： a.能看到结构化的东西，如果是alert，弹出一个对象就是[object object],但是console能看到对象的内容。 b.console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。 c.console里面的内容非常丰富，你可以在控制台输入：console，然后就可看到它有网页的各种提示。查看全部
-
console.log 主要是方便你调式javascript用的,你可以看到你在页面中输出的内容。 相比alert他的优点是： 他能看到结构化的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。 console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。 console里面的内容非常丰富，你可以在控制台输入：console，然后就可看到它有网页的各种提示。 键盘事件 onkeydown：按下键盘上任意键时触发，（按住不放会重复触发） onkeypress：按下键盘上的字符键时触发 onkeyup：释放键盘上的键时触发,（即按住不会重复触发） keyCode：event.keyCode，获得当前按下键盘上按键的键码，回车键为event.keyCode=13 定时器： var timer=null; timer=setInterval(function(){},50)：每隔50ms执行一次函数 clearInterval(定时器名)：清除定时器，再加定时器前需清除原来的定时器，防止多个定时器叠加 随机数： Math.random()：生成0-1的随机数 Math.floor()：向下取整查看全部
-
EVENT对象的keyCoden属性用于得到键盘对应键的键码值（event.keyCode） 回车键的键码值为13 console.log 主要是方便调试javascript用的，可以看到页面中输出的内容。 相比alert的优点是： 能看到结构化的东西，如果是alert，弹出一个对象就是[object object]，但是console能看到对象的内容。 console不会打断页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后页面还可以正常操作。 console里面的内容非常丰富，可以在控制台输入：console，然后就可以看到有网页的各种提示。查看全部
-
keydown 用户按下键盘上的任意键时触发，若不松开会持续触发 keypress 用户按下键盘上的字符键时触发，若不松开会持续触发 keyup 用户松开键盘上的键时出发的事件 console.log('hello');//在控制台打印字符串hello查看全部
-
Math.random()方法生产随机数，生成[0,1)之间的浮点数； 令其乘以n，则得到(0,n)之间的浮点数，然后取整便可得到[0,n)之间的整数了； Math.floor()：向下取整——很多Math方法很有用，需要多多学习、回顾。查看全部
-
1.首先分析实现原理；然后分析要取出的对象，进行取出；再给对象绑定事件； 2.分析各种事件，并对其件进行函数封装； 3.块的里面的文字（状态、下）不见了：用负缩进把他们搞到窗口之外了，当代码注释使用。 4.在适当的地方阻止事件冒泡： ul父元为div，点击li时希望ul隐藏，点击div时希望其显示，在点击li后会冒泡到div ,因而需要阻止冒泡； 注意区分onmousedown和onclick，只能阻止相对应类型事件。 重点：利用事件冒泡实现切换状态菜单；当一个块内包含众多事件时，必须要注意到事件冒泡的影响。 5.在其他任何地方点击，要使列表隐藏：document.onclick是代表在页面的任何地方点击事件。 document下的子元素还有一个onclick事件，所以要注意事件冒泡的影响；查看全部
-
1.封装一个getByClass（clsName，parent）方法。 目的是为为了获取login_logo_webqq这个div 取父元素 ，匹配子元素 2.页面加载，封装一个drag函数 ·标题区域按下移动 ·页面移动 --边界问题 --鼠标位置问题 ·释放鼠标停止移动 3.切换功能 ·绑定事件：loginState，loginStatePanel，li元素，login2qq_state_txt，loginStateShow ·鼠标点击的时候： --整个ul（loginStatePanel）显示 --鼠标滑过的时候有背景，以及取消背景 --鼠标点击状态改变 ①点击完后，整个ul面板隐藏 ②取出点击的<li>中文本放在login2qq_state_txt这个div中 ③修改文本前的icon ④阻止冒泡 ⑤在页面的任何地方点击，都要隐藏ul,依旧要阻止事件冒泡查看全部
-
DOM2级事件处理程序<br> 定义了两个方法--用于处理指定和删除事件处理程序的操作：<br> addEventListener()添加事件监听程序<br> removeEventListener()移除事件监听程序<br> 三个参数设置;事件名称，处理方法(函数)，布尔值--false：表示在冒泡阶段调用事件处理程序(可以最大限度的兼容浏览器)，一般设为false；true表示在捕获阶段调用事件处理程序<br> <br> <br> btn3.addEventListener('click',showMes,false);<br> 注意：<br> 1、若事件名称有on，则需去掉on。onclick --> click，onmouseover --> mouseover等等；<br> 2、false 最大限度兼容所有浏览器--事件冒泡流。<br> 3.通过addEventListener添加的事件只能通过removeEventListener来删除。--参数要与添加事件时相同<br> btn3.removeEventListener(参数);//参数必须和btn.addEventListener的参数一致，删除事件监听<br> <br> DOM2级事件处理程序可以给一个事件绑定多个函数，事件触发的时候会按照绑定顺序执行各个函数。如下所示：<br> btn3.addEventListener('click',showMes,false);<br> btn3.addEventListener('click',showMes,function(){alert(this.value）;},false);<br> DOM0级事件则后面添加的同一事件类型会覆盖前面的；<br> 缺点：DOM2级事件处理程序，ie不支持，ie有专用的事件处理程序。查看全部
举报
0/150
提交
取消