为了账号安全,请及时绑定邮箱和手机立即绑定
  • 4-1 QQ面板拖拽效果(上) document。getElementByClassName();在IE10之前的版本不支持 onmousedown:用户按下任何鼠标按钮时触发 onmousemove:当鼠标指针在元素内部移动时重复地触发 鼠标事件都是在浏览器窗口中的特定位置上发生的。这个位置信息保存在事件的clientX和clientY属性中。所有浏览器都支持这两个属性,它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标。不包括页面滚动的距离。
    查看全部
  • IE事件处理程序:IE也提供了类似DOM0级和DOM2级事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同的两个参数,事件处理程序的名称和事件处理程序的函数。去掉了布尔值,不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡! 在ie下给btn3添加事件 btn3.attachEvent('onclick',showMes); 主意:在ie事件处理程序上,又要把on加上 btn3.detachEvent('onclick',showMes); 支持ie事件处理程序的浏览器主要有ie和opera两个浏览器。
    查看全部
  • 3. DOM2级事件处理程序(不与IE兼容) 需要接受的参数: 要处理的事件名(不加on),作为处理事件程序的函数,布尔值 (1). addEventListener(); 添加 (2). removeEventListner(); 删除 DOM0级和DOM2级事件的优点:可以给一个元素添加多个事件处理程序,这些个事件是按照他们的顺序来实现的;也可以添加多个事件
    查看全部
  • 2. DOM0级事件处理程序 较传统的方式:把一个函数赋值给一个事件处理程序的属性,先把元素取出,然后再给元素添加事件;用的比较多的方法,因为简单、跨浏览器优势。
    查看全部
  • 1. 事件直接加在HTML代码中: 缺点:HTML和js代码高耦合,如果修改,就要修改两个地方:HTML元素内和script函数。
    查看全部
  • 事件捕获:不太具体的节点应该更早接收到元素,而最具体的节点最后接收到事件。
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2015-07-26

  • 事件流:描述的是从页面中接受事件的顺序(IE:事件冒泡流) 事件冒泡:即事件最开始由最具体的无素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到最不具体的那个节点(文档)
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2015-07-26

  • 3-2 IE中的事件对象 event = event || window.event event.taget || event.srcElement (1)、type 属性 用于获取事件类型 (2)、srcElement属性 用于获取事件的目标 (3)、cancelBubble 属性用于阻止冒泡 设置为true阻止冒泡,,false 表示不阻止冒泡 (4)、returnValue=false 属性阻止事件的默认行为
    查看全部
  • 3-1 DOM中的事件对象 bubbles属性(默认冒泡吗) canselable属性
    查看全部
  • 什么是事件对象?在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 (1)、type属性用于获取事件类型 (2)、target属性用于获取事件目标//event.target.nodeName 节点名称 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault() 方法 阻止事件的默认行为(默认行为如超链接跳转)
    查看全部
  • 调用的方法eventUtil.addHeadler(bnt3,'click',showMes);
    查看全部
  • addHeadler和rwmoveHeadler是自己起的名
    查看全部
  • 跨浏览器解决方案 能力检测 dom2级 IE事件处理程序 dom0级 var eventUtil={ // 添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false);//dom2级 }else if(element.attachEvent){//IE事件处理程序 element.attachEvent('on'+type,handler); }else{//dom0级 element['on'+type]=handler; //element.onclick===完全等价于element['onclick'] } }, // 删除句柄 }
    查看全部
  • 2-4 IE事件处理程序: IE也提供了类似DOM0级和DOM2级事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同的两个参数,事件处理程序的名称和事件处理程序的函数。去掉了布尔值,不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡! 在ie下给btn3添加事件 btn3.attachEvent('onclick',showMes); 主意:在ie事件处理程序上,又要把on加上 btn3.detachEvent('onclick',showMes); 支持ie事件处理程序的浏览器主要有ie和opera两个浏览器。
    查看全部
  • dom2 级 添加多个事件可以实现多种效果(例如鼠标滑过和鼠标点击事件)
    查看全部

举报

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

微信扫码,参与3人拼团

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

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