-
@·IE事件处理程序 IE也提供了类似DOM0级和DOM2级事件处理程序 》attachEvent()--------添加事件 》detachEvent()--------删除事件 接收相同的两个参数,事件处理程序的名称和事件处理程序的函数。 去掉了布尔值,不使用第三个参数的原因: --IE8以及更早的浏览器版本只支持事件冒泡! 在ie下给btn3添加事件 btn3.attachEvent('onclick',showMes); 主意:在ie事件处理程序上,又要把on加上 btn3.detachEvent('onclick',showMes); 支持ie事件处理程序的浏览器主要有ie和opera两个浏览器。 * 封装跨浏览器事件处理程序 * 如下图--查看全部
-
event.stopPropgation阻止事件冒泡查看全部
-
事件封装在对象中,功能封装在方法中。 单独存成文件 做Util工具 在IE中: 几乎都是属性存在的 1) event || window.event (IE 8以前) 2) srcElement属性: 用于获取目标 event.target || event.srcElement 3) cancleBubble属性: 用于阻止事件冒泡 4) 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()方法查看全部
-
删除句柄查看全部
-
添加句柄查看全部
-
跨浏览器解决事件处理查看全部
-
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():向下取整查看全部
-
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():向下取整查看全部
-
什么是事件对象?在触发DOM上的事件时都会产生一个对象 例:function show(event){……} 参数event接收的就是事件传过来的对象 事件对象EVENT ①DOM中的事件对象 属性 (1)type属性用于获取事件类型 (2)target属性用于获取事件目标 (3)stopPropagation()方法 用于阻止事件冒泡 (4)preventDefault() 方法 阻止事件的默认行为 ②IE8以下事件对象(window.event) 1.事件类型:event.type 2.事件目标:event.srcElement 3.阻止事件冒泡:event.cancelBubble = true 4.阻止默认事件:event.returnValue = false 如果一个div里面有一个button,button和div都绑定了click事件,如果是事件冒泡,那么点击button的时候,首先触发button的处理函数,然后触发div的处理函数。(由内而外) 如果有时候不想冒泡,也就是不希望div的事件被触发,那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转,可以使用阻止事件的默认行为preventDefault()方法查看全部
-
事件处理程序 1、HTML事件处理程序(缺点多,已摒弃) 直接在元素上添加事件 <input type="button" onclick="message()">………… function message(){…………} 2、DOM 0级事件: (目前用的较多) 在JS上获取元素对象再绑定事件 (1)通过var btn=document.getElementById('btn')获取元素; (2)通过btn.onclick=function(){alert('Hello')}在元素上添加事件;查看全部
-
DOM 2级事件处理程序无法删除匿名函数,只有将匿名函数命名化或赋值化才可以删除查看全部
-
光标定义为手型查看全部
-
跨浏览器事件处理程序2——调函数(增加事件/删除事件)查看全部
-
跨浏览器事件处理程序1查看全部
举报
0/150
提交
取消