为了账号安全,请及时绑定邮箱和手机立即绑定
  • IE事件处理程序: 添加事件: attachEvent() 删除事件: detacheEvent()
    查看全部
  • 添加事件: addEventListener('click',function,false) 删除事件: removeEventListener('click',function,false)
    查看全部
  • 事件对象 什么是事件对象?在触发DOM上的事件时都会产生一个对象 事件对象event 1、DOM中的事件对象 (1)type属性 用于获取事件类型 (2)target属性 用于获取事件目标 (3)stopPropagation()方法 用于阻止事件冒泡 (4)preventDefault()方法 阻止事件的默认行为 *注:IE中没有DOM事件对象,上面属性对IE浏览器不起作用。
    查看全部
  • propagation
    查看全部
  • stoppration
    查看全部
  • 实现跨浏览器解决事件添加及删除: var eventUtil={ //添加句柄,把添加事件封装 addHandler:function(element,type,handler){ //接收三个参数element给谁添加,type添加的事件类型是什么,handler句柄触发的什么样的操作 if(element.addEventListener){//DOM2级,根据能力检测,如果元素能够添加事件监听则添加监听事件写入元素的事件类型和事件函数 element.addEventListener(type,handler,false); }else if(element.attachEvent){//IE浏览器添加事件能力检测,如果元素能用IE的方式添加监听事件则添加元素的事件类型和事件函数 element.attachEvent('on'+type,handler); }else{ //其他浏览器用DOM0级事件处理 element['on'+type] = handler; //element.onClick === element['onclick'] } }, //删除句柄 removeHandler:function(element,type,handler){ if(element.removeEventListener){//DOM2级 }else if(element.detachEvent){//IE浏览器删除事件能力检测 }else{ } } }
    查看全部
  • 通过DOM2级事件添加监听事件addEventListener()和删除事件removeEventListener()两者是搭配使用的。即通过添加监听事件添加函数方法只能通过删除事件来移除此函数方法。 *注: //添加onclick点击事件,第一个参数onclick要去掉前面的on(其他时间都一样) btn3.addEventListener('click',showMes,false);//第三个布尔值参数为兼容浏览器需要,通常设为false! btn3.removeEventListener('click',showMes,false); var showMes = function(){ ...... } DOM2级事件处理程序: DOM2级事件定义了两个方法(不能再IE里使用): 用于处理指定和删除时间处理程序的操作 addEventListener() 和 removeEventListner()。 接收三个参数:要处理的事件名、作为事件处理程序的函数和布尔值。
    查看全部
  • 按键有键码
    查看全部
  • DOM0级事件: 将一个函数赋值给一个事件处理程序。 例: <input type="button" value="button" id="btn"> <script> var btn = document.getElementById("btn"); //获取元素 btn.onclick = function(){ //为元素的onclick事件绑定一个匿名函数 alert("Hello"); }; </script>
    查看全部
  • 生成与索引匹配的随机数
    查看全部
  • HTML事件: 即事件与HTML代码嵌入一起,点击相关HTML元素便响应相关事件。如下: <input type="button" value="按钮" id="btn" onclick="showMessage()> function showMessage(){ ...... } *HTML事件的缺点: HTML和JS代码紧密的耦合在一起,当某一部分改动时,JS代码和HTML都需要进行修改。
    查看全部
  • 键盘事件
    查看全部
  • attachEvent()和 detachEvent()ie的dom事件处理 addEventListen()和removeEventListen()
    查看全部
  • addEventListener()和removerEventLister()
    查看全部
  • 事件处理程序: 1、HTML事件处理程序 2、DOM0级事件处理程序 3、DOM2级事件处理程序 DOM2级事件定义了两个方法:用于处理指定和删除事件处理程序的操作addEventListener() 和 removeEventListener() 。他们都接收三个参数:要处理的事件名、作为事件处理程序的函数、以区分事件捕获还是事件冒泡的布尔值。 4、IE事件处理程序(用于IE和Opera浏览器) attachEvent() 添加事件 detachEvent() 删除事件 *接收相同的两个参数:事件处理程序的名称 和 事件处理程序的函数 为什么没有第三个参数布尔值原因:因为IE8以及更早的浏览器版本只支持事件冒泡。 *注:IE事件处理中参数一事件处理程序的名称前面要加上on。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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