为了账号安全,请及时绑定邮箱和手机立即绑定
  • var eventUtil={ getEvent:function(event){ return event?event:window.event; //非IE:event IE:window.event }, getType:function(event){ return event.type; //非IE与IE相同 }, getElement:function(event){ return event.target || event.srcElement; //非IE:event.target IE:event.srcElement }, preventDefault:function(event){ //判断对象方法是否存在时,要将方法当做属性来判断[函数名后不加小括号:if(对象.方法函数)],很多方法没有返回值,即使有返回值也不一定是布尔值,当if(方法函数())时会出现不可预料的结果 if(event.preventDefault){ event.preventDefault(); //非IE方法处理 }else{ event.returnValue=false; //IE属性处理 } }, stopPropagation:function(event){ if(event.stopPropagation){ event.stopPropagation(); //非IE方法处理 }else{ event.cancelBubble=true; //IE属性处理 } }
    查看全部
  • 什么是事件对象?在触发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()方法
    查看全部
  • 第二种添加事件的方法 btn.onclick=function(){}
    查看全部
  • <body> <input type="button" id="btn1" value="按钮1"> <script> function message(){ alert("aaaa"); } //将功能封装在一个对象上--------例子:给按钮添加点击事件 var eventUtil={ //添加句柄 addHandler: function (element, type, handler) { if(element.addEventListener){ //判断能否适用dom 2级事件 element.addEventListener(type,handler,false); }else if(element.attachEvent){ //判断能否适用IE事件 element.attachEvent('on'+type,handler); }else{ element['on'+type]=hander; //element.onclick===element['onclick'] } //删除句柄同理 } } eventUtil.addHandler(btn1,'click',message);//调用方法 eventUtil.removeHandler(btn1,'click',message); </script> </body>
    查看全部
  • 事件处理程序 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')}在元素上添加事件;
    查看全部
  • IE11已经删除废除了attachEvent,可用addEventListener; element.onclick===element['onclick'],中括号与点表达相同含义,不能用点连接字符串。
    查看全部
  • DOM 2级事件处理程序无法删除匿名函数,只有将匿名函数命名化或赋值化才可以删除
    查看全部
  • 未加键盘代码 !
    查看全部
    0 采集 收起 来源:编程挑战

    2016-02-03

  • console
    查看全部
  • keycoden 键盘键位
    查看全部
  • onkeyup
    查看全部
  • setInterval 定时器
    查看全部
  • 点击 onmouseover 获取光标 X Y 坐标 边框移动 x=光标X-边框left y=边框Y-边框hig 边框坐标=(边框left-x,边框Y-y) onmouseup=null
    查看全部
  • onmouseover 移动
    查看全部
  • onmouseup 释放
    查看全部

举报

0/150
提交
取消
课程须知
1.你一定对HTML+CSS比较熟悉; 2.掌握一定的JS基础知识,尤其是函数封装、调用等知识。
老师告诉你能学到什么?
DOM事件具体相关知识,DOM事件的使用方法及应用!

微信扫码,参与3人拼团

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

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