为了账号安全,请及时绑定邮箱和手机立即绑定
  • 键盘事件
    查看全部
  • clientX clientY
    查看全部
  • dom事件对象与ie事件对象 event=event||window.event; //ie8以下window.event
    查看全部
  • 跨浏览器事件处理程序,能力检测
    查看全部
  • ie事件处理 只有ie和opera支持 btn.attachEvent('onclick',showmes); btn.detachEvent('onclick',showmes); 与addEventListener不同的是,需要加on
    查看全部
  • addEventListener() removeEventListener()参数必须与addEventListener一致 通过addEventListener 添加的事件 必须用removeEventListener移除
    查看全部
  • 3种事件处理程序 dom2级事件处理程序 第三个参数布尔值,true:捕获阶段调用事件处理程序false:冒泡阶段调用事件处理程序
    查看全部
  • ie中阻止事件冒泡和阻止默认行为
    查看全部
  • 1.IE事件处理程序:IE也提供了类似DOM2级事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同的两个参数,事件处理程序的名称和事件处理程序的函数。去掉了布尔值,不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡! 在ie下给btn3添加事件 btn3.attachEvent('onclick',showMes); 主意:在ie事件处理程序上,又要把on加上 btn3.detachEvent('onclick',showMes); 支持ie事件处理程序的浏览器主要有ie和opera两个浏览器。 2.跨浏览器事件处理程序 var eventUtil = { //添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){element.addEventListener(type,handler,false);} // DOM2级事件处理程序 else if(element.attachEvent){element.attachEvent('on'+type,handler);} // IE事件处理程序 else{element['on'+type]=handler;} // DOM0级事件处理程序 }, //删除句柄 removeHandler:function(element,type,handler){ if(element.removeEventListener){element.removeEventListener(type,handler,false);} // DOM2级事件处理程序 else if(element.detachEvent){element.detachEvent('on'+type,handler);} // IE事件处理程序 else{element['on'+type]=null;} //DOM0级事件处理程序 } } eventUtil.addHandler(btn3,'click',showMessage); 3.js中所有用'.'的地方都可以使用'[]' 如:对象的点击事件element.onclick===element['onclick']
    查看全部
  • DOM2级事件定义了两个方法: 用于处理指定和删除事件处理程序的操作 addEventListener()和removeEventListener(). 接收三个参数:要处理的事件名 作为事件处理程序 和 函数的布尔值(true捕获)(false冒泡)。 function ss(){ alert("通过HTML触发的") } var btn3=document.getElementById("btn3") btn3.addEventListener("click",ss,false) //click等前面不需要加'on' 通过addEventListener添加的事件只能通过removeEventListener删除,并且要传入相同的参数值 如:btn3.removeEventListener("click",ss,false) 注:可以添加多个事件,按顺序执行 btn3.addEventListener("click",function(){ alert(this.value) },false)。 ie8及以下不支持
    查看全部
  • 缺点--JS代码和html代码紧密耦合,当需要修改时,JS 代码和 HTML 代码均需要修改
    查看全部
  • DOM0级事件处理程序 (用得比较多):先把元素取出来,然后为其属性添加一个事件的方法叫DOM0级处理程序。 它是一种较传统的方式:把一个函数赋值给一个事件处理程序的属性。 优点:简单,跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素,定义对象 //取得btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件!')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性
    查看全部
  • 事件是文档或浏览器窗口中发生的特定的交互瞬间。【JavaScript <------>HTML】 事件流:描述的是从页面中接受事件的顺序 (IE:事件冒泡流 / Netscape事件捕获流) 事件冒泡流:即事件最开始由最具体的无素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到最不具体的那个节点(文档) input----->document
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2018-03-22

  • 事件流
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2017-06-19

  • IE DOM2级兼容性
    查看全部

举报

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

微信扫码,参与3人拼团

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

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