为了账号安全,请及时绑定邮箱和手机立即绑定
  • HTML事件:事件是直接加在html里的(比如在标签内写onclick();缺点:HTML和JS代码紧密耦合,修改很不方便。
    查看全部
  • 事件流
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2015-08-27

  • 事件:文档/浏览器窗口中发生的特定的交互瞬间。 事件流:描述的是从页面中接收时间的顺序。 事件冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接受,然后逐级向上储波值最不具体的那个节点(文档)。
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2015-08-27

  • 1、任何能够跟着鼠标移动的东西 都要有一个前提:绝对定位 2、鼠标事件都是在浏览器窗口中的特定位置上发生的。这个位置信息保存在事件的clientX和clientY属性中。所有浏览器都支持这两个属性,它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标。不包括页面滚动的距离。 3、js ie10以下版本不支持document.getElementsByClassName 4、js封装getClass方法,获取class 5、实现随鼠标拖动,需要让窗口的坐标随着鼠标移动,鼠标的坐标保存在时间的clientX和clientY两个属性中。 6、onmousedown鼠标按下 窗口和鼠标的位置同步; element.style.left/top=clientX/Y+'px'; onmousemove当鼠标指针在元素内部移动时重复地触发
    查看全部
  • 1.stopPropagation()方法 用于阻止事件冒泡 2.preventDefault() 方法 阻止事件的默认行为 3.type属性用于获取事件类型 4. target属性用于获取事件目标(元素)
    查看全部
  • DOM时间对象与IE中时间对象:
    查看全部
  • bubbles属性 canselable属性
    查看全部
  • 什么是事件对象?在触发DOM上的事件时都会产生一个对象 事件对象EVENT DOM中的事件对象中的常用属性 (1). type属性用于获取事件类型 ---click (2). target属性用于获取事件目标(元素) --[object HTMLInputElement] target.nodeName事件目标的节点名称----input (3). stopPropagation()方法 用于阻止事件冒泡 ---- 如果一个div里面有一个button,button和div都绑定了click事件,如果是事件冒泡(由内而外),那么点击button的时候,首先触发button的处理函数,然后触发div的处理函数。 如果有时候不想冒泡,也就是不希望div的事件被触发,那么需要阻止事件冒泡。 (4). preventDefault() 方法 阻止事件的默认行为 如果需要阻止a标签的默认属性--跳转,可以使用阻止事件的默认行为preventDefault()方法 <a href='#'>超链接</a>
    查看全部
  • 在js中,所有用“.”的地方都可以用"[]",不过”[]“中的内容要用引号。 解决跨浏览器事件处理程序: var eventUtil={//将方法封装在一个对象里 addHandler:function(element,type,handler){//这是定义的带参函数 } } eventUtil.addHandler(btn3,"click",showMes);//调用函数,相比于java,java中的对象需要通过实例化来实现并调用函数,而js中直接把函数封装在对象里面,同过对象点函数进行调用
    查看全部
  • 默认事件冒泡流
    查看全部
  • DOM2级事件处理程序 定义了两个方法: addEventListener()添加事件,它只能通过removeEventListener()来移除事件。 removeEventListener()移除事件 三个参数设置;事件名称,处理方法(函数),布尔值-----冒泡(false)或捕获(true) btn3.addEventListener('click',showMes,false);添加事件,一个元素上可以添加多个事件处理程序。 btn3.removeEventListener('click',showMes,false);移除事件 dom0级和dom2级相比html事件处理程序的优势: dom级的一个元素可同时添加多个事件处理程序,添加的程序会按顺序显示出来,而html不可以添加多个事件处理程序。 dom2级的事件处理程序在ie上不适用
    查看全部
  • DOM0级事件处理程序 (用得比较多):先把元素取出来,然后为其属性添加一个事件的方法叫DOM0级处理程序。 它是一种较传统的方式:把一个函数赋值给一个事件处理程序的属性。 优点:简单,跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素,定义对象 //取得btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件!')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性 btn2.onclick=null;-----删除onclick属性。
    查看全部
  • 1. 事件直接加在HTML代码中: 缺点:HTML和js代码高耦合,如果修改,就要修改两个地方:HTML元素内和script函数。
    查看全部
  • event中每一个键盘上的按键都对应一个keyCode,可以通过event.keyCode来获取按键的码
    查看全部
  • keyDown:当用户按下键盘上的任意键时触发,而且如果按住不放的话,会重复触发此事件 keyPress:当用户按下键盘上的字符键时触发,而且如果按住不放的话,会重复触发此事件 keyUp:当用户释放键盘上的键时触发
    查看全部

举报

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

微信扫码,参与3人拼团

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

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