为了账号安全,请及时绑定邮箱和手机立即绑定
  • JS链接一个属性时,所有用“.”的地方都可以用中括号代替
    查看全部
  • 事件冒泡:即事件最开始由最具体的元素(文档中嵌套最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。 事件捕获:不太具体的节点应该更早接收到元素,而最具体的节点最后接收到事件。
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2015-07-22

  • 事件处理程序 1.HTML事件处理程序 事件直接加在HTML代码中 缺点:HTML和js代码耦合度,如果修改,就要修改两个地方:HTML元素内和script函数。
    查看全部
  • 完成作业。
    查看全部
    0 采集 收起 来源:编程挑战

    2015-07-21

  • //兼容IE和Firefox function keyEvent(e){ var keycode = (window.event)?event.keyCode : e.which ; }
    查看全部
  • IE中的事件对象 (1) type属性,用于获取事件类型 (2) srcElement属性 用于获取事件的目标 (3) cancelBubble属性 用于阻止事件冒泡 (4) returnValue属性 用于阻止事件的默认行为
    查看全部
  • 键盘事件: keydown: 按下任意键触发 keypress:按下字符键时触发,如果按住不放,重复触发 keyup:释放按键时触发
    查看全部
  • 事件对象event DOM中的事件对象 (1)、type属性 用于获取事件类型 (2)、target属性 用于获取事件目标 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault()方法 阻止事件的默认行为
    查看全部
  • DOM2级事件处理程序:addEventListener()和removeEventListener() 参数:要处理的事件名、作为事件处理程序的函数、布尔值(true捕获流,false冒泡流适合跨浏览器) IE事件处理程序:attachEvent()添加事件 detachEvent()删除事件 参数:事件处理程序的名称 和 事件处理程序的函数 不适用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡!
    查看全部
  • 有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari: window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 对于 Internet Explorer 8、7、6、5: document.documentElement.clientHeight document.documentElement.clientWidth 或者 document.body.clientHeight document.body.clientWidth
    查看全部
  • event.keyCode 获取键码 13 ---- 回车键 3个键盘事件 keyPress keyDown keyUp ①keyDown 当用户按下键盘上的任意键时触发,而且如果按住不放的话,会重复触发此事件 ②keyPress当用户按下键盘上的字符键时触发,而且如果按住不放的话,会重复触发此事件 ③keyUp 当用户释放键盘上的键时触发 注意:每次都要清理定时器clearInterval();
    查看全部
  • QQ面板的切换效果: //开始一进页面 ul状态列表是隐藏的 //点击div 显示ul状态选择列表 //遍历Li给每个状态添加事件 onmouseover onmouseout onclick //完成点击给定的li状态 吧其 innerHTML状态文本和class 更新同步到起始div中 ////最后要实现选择完状态后 要隐藏掉ul状态面板 + 点击 document任意处 隐藏掉ul 则要注意--------给它们加上阻止冒泡
    查看全部
  • 完成代码
    查看全部
    0 采集 收起 来源:编程挑战

    2015-07-20

  • 什么是事件对象?在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 (1)、type属性用于获取事件类型 (2)、target属性用于获取事件目标 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault() 方法 阻止事件的默认行为
    查看全部
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DOM事件处理</title> </head> <body> <input type="button" id="btn1" value="按钮"> </body> <script type="text/javascript"> function $e(id){ return document.getElementById(id); } // 跨浏览器 实现事件绑定 var eventUtil = { // 事件绑定 addHandler : function(element, type, handler){ if (element.addEvnetListener) { element.addEvnetListener(type, handler, false); } else if(element.attachEvent){ element.attachEvent('on' + type, handler) }else{ element['on'+type] = handler; } }, // 实现事件解绑定 removeHandler : function(element, type, handler){ if (element.removeEvnetListener) { element.removeEvnetListener(type, handler, false); } else if(element.detachEvent){ element.detachEvent('on'+type, handler) }else{ element['on'+type] = null; } } }; function showMes(){ alert('hello world'); } eventUtil.addHandler($e('btn1'), 'click', showMes); </script> </html>
    查看全部

举报

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

微信扫码,参与3人拼团

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

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