为了账号安全,请及时绑定邮箱和手机立即绑定
  • @·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
提交
取消
课程须知
1.你一定对HTML+CSS比较熟悉; 2.掌握一定的JS基础知识,尤其是函数封装、调用等知识。
老师告诉你能学到什么?
DOM事件具体相关知识,DOM事件的使用方法及应用!

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!