为了账号安全,请及时绑定邮箱和手机立即绑定
  • 事件处理程序
    查看全部
  • 在js中,所有用“.”的地方都可以用"[]",不过”[]“中的内容要用引号。 解决跨浏览器事件处理程序: var eventUtil={//将方法封装在一个对象里 addHandler:function(element,type,handler){//这是定义的带参函数 } } eventUtil.addHandler(btn3,"click",showMes);//调用函数,相比于java,java中的对象需要通过实例化来实现并调用函数,而js中直接把函数封装在对象里面,同过对象点函数进行调用
    查看全部
  • 用dom2级添加的事件处理程序需要用dom2级来删除,而不能用dom0级 btn3.addEventListener('click',showMes,false);false表示的是事件冒泡流
    查看全部
  • btn3.addEventListener('click',showMes,false);添加事件,一个元素上可以添加多个事件处理程序。 btn3.removeEventListener('click',showMes,false);移除事件 dom0级和dom2级相比html事件处理程序的优势: dom级的一个元素可同时添加多个事件处理程序,添加的程序会按顺序显示出来,而html不可以添加多个事件处理程序。 dom级的时间处理程序在ie上不适用
    查看全部
  • 本章内容 1、理解事件流 2、使用事件处理程序 3、不同的事件类型 一、事件流 事件流描述的是从页面中接受事件的顺序。 IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流 1、事件冒泡 事件冒泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不具体的节点(文档)。 2、事件捕获 事件捕获的思想是不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。 二、事件处理程序 1、HTML事件处理程序 2、DOM0级事件处理程序 3、DOM2级事件处理程序 DOM2级事件定义了两个方法:用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventListener()。它们都接收三个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。 4、IE事件处理程序 attachEvent()添加事件 detachEvent()删除事件 这两个方法接收相同的两个参数:事件处理程序名称与事件处理函数 5、跨浏览器的事件处理程序 三、事件对象:在触发DOM上的事件时都会产生一个对象 事件对象event 1、DOM中的事件对象 (1)、type:获取事件类型 (2)、target:事件目标 (3)、stopPropagation() 阻止事件冒泡 (4)、preventDefault() 阻止事件的默认行为 2、IE中的事件对象 (1)、type:获取事件类型 (2)、srcElement:事件目标 (3)、cancelBubble=true阻止事件冒泡 (4)、returnValue=false阻止事件的默认行为 HTML DOM Event 对象 http://www.w3school.com.cn/jsref/dom_obj_event.asp
    查看全部
  • DOM0级事件处理程序,较传统的方式:把一个函数赋值给一个事件处理程序属性的比较简单的方法,用document bt.onclick=function(){ } bt.onclick=null;
    查看全部
  • HTML事件处理程序,现在不建议使用了。 1. 事件直接加在HTML代码中: 缺点:HTML和js代码高耦合,如果修改,就要修改两个地方:HTML元素内和script函数。
    查看全部
  • IE事件处理程序: attachEvent()添加事件 detachEvent()删除事件 接收两参数:事件处理程序,事件处理函数 btn3.attachEvent("onclick",showMe); btn3.detachEvent('onclick',showMes);
    查看全部
  • btn3.addEventListener('click',showMes,false);添加事件,一个元素上可以添加多个事件处理程序。 btn3.removeEventListener('click',showMes,false);移除事件
    查看全部
  • DOM2级事件处理程序 DOM2级时间定义了两个方法: 用于处理指定和删除时间处理程序的操作 addEventListener() removeEventListner(). 接收三个参数: 1.要处理的事件名 2.作为事件处理程序的函数 3.布尔值:true:捕获阶段调用事件处理程序,false 冒泡阶段调用事件处理程序。
    查看全部
  • 先把元素取出来,然后为其事件属性(如onclick)添加一个事件的方法叫DOM0级处理程序。 DOM0级事件处理程序,较传统的方式:把一个函数赋值给一个事件处理程序属性的比较简单的方法 截图的btn是HTML事件处理程序,btn2是DOM0级事件处理程序。 HTML事件处理程序,现在不建议使用了。 1. 事件直接加在HTML代码中: 缺点:HTML和js代码高耦合,如果修改,就要修改两个地方:HTML元素内和script函数。
    查看全部
  • 什么是事件对象?在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 (1)、type属性用于获取事件类型 (2)、target属性用于获取事件目标 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button,button和div都绑定了click事件,如果是事件冒泡,那么点击button的时候,首先触发button的处理函数,然后触发div的处理函数。(由内而外) 如果有时候不想冒泡,也就是不希望div的事件被触发,那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转,可以使用阻止事件的默认行为preventDefault()方法
    查看全部
  • function showMes(){ alert("hello");} window.onload=function(){ var elementUtil={ addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent('on'+type,handler); }else{ element['on'+type]=handler; } } } } var btn2=document.getElementById("btn2"); eventUntil.addHandler(btn2,click,showMes); 结果为什么提示我说 ReferenceError: eventUntil is not defined???????????
    查看全部
  • 解决了改变事件类型时有可能存在两个高亮选项的BUG,不过还有一个问题没解决,用键盘选择时,只能从初始值开始而不是从当前高亮选项开始
    查看全部
    0 采集 收起 来源:编程挑战

    2015-08-22

  • keyDown:当用户按下键盘上的任意键时触发,而且如果按住不放的话,会重复触发此事件 keyPress:当用户按下键盘上的字符键时触发,而且如果按住不放的话,会重复触发此事件 keyUp:当用户释放键盘上的键时触发
    查看全部

举报

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

微信扫码,参与3人拼团

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

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