为了账号安全,请及时绑定邮箱和手机立即绑定
  • 事件对象
    查看全部
  • stopPropagation()用于阻止事件冒泡 preventDefault()阻止事件的默认行为
    查看全部
  • ie事件对象
    查看全部
  • 事件对象
    查看全部
  • DOM二级
    查看全部
  • attachEvent('onclick',...)添加事件 detachEvent()删除事件 接收两个参数:事件处理程序的名称和事件处理程序的函数
    查看全部
  • DOM2级事件处理程序中btn3.addEventListerner('click') onclick要变成click,onmouse要变成mouse
    查看全部
  • btn.addEventListener('click',showmes,false);调用removeEventListener函数时参数与开始的addEventListener参数相同 DOM0级DOM2级可对一个事件添加多个程序
    查看全部
  • 鼠标事件
    查看全部
  • 键盘事件
    查看全部
  • 1.首先分析实现原理;然后分析要取出的对象,进行取出;再给对象绑定事件; 2.分析各种事件,并对其件进行函数封装; 3.块的里面的文字(状态、下)不见了:用负缩进把他们搞到窗口之外了,当代码注释使用。 4.在适当的地方阻止事件冒泡: ul父元为div,点击li时希望ul隐藏,点击div时希望其显示,在点击li后会冒泡到div ,因而需要阻止冒泡; 注意区分onmousedown和onclick,只能阻止相对应类型事件。 重点:利用事件冒泡实现切换状态菜单;当一个块内包含众多事件时,必须要注意到事件冒泡的影响。 5.在其他任何地方点击,要使列表隐藏:document.onclick是代表在页面的任何地方点击事件。 document下的子元素还有一个onclick事件,所以要注意事件冒泡的影响; 1.封装一个getByClass(clsName,parent)方法。 目的是为为了获取login_logo_webqq这个div 取父元素 ,匹配子元素 2.页面加载,封装一个drag函数 ·标题区域按下移动 ·页面移动 --边界问题 --鼠标位置问题 ·释放鼠标停止移动 3.切换功能 ·绑定事件:loginState,loginStatePanel,li元素,login2qq_state_txt,loginStateShow ·鼠标点击的时候: --整个ul(loginStatePanel)显示 --鼠标滑过的时候有背景,以及取消背景 --鼠标点击状态改变 ①点击完后,整个ul面板隐藏 ②取出点击的<li>中文本放在login2qq_state_txt这个div中 ③修改文本前的icon ④阻止冒泡 ⑤在页面的任何地方点击,都要隐藏ul,依旧要阻止事件冒泡
    查看全部
  • 把对象赋值给一个变量。
    查看全部
  • 事件处理程序
    查看全部
  • DOM 2级事件定义的两中事件处理方法(1. 连接事件处理方法 2. 清除事件处理函数。两者完全对应,清除事件的方法唯一。): 1. addEventListener() 2. removeEventListner() 它们接受3个参数:需要处理的事件名称、事件处理函数、boolean(true:事件捕获阶段调用处理函数;false:事件冒泡阶段调用处理函数。) DOM 2级与0级事件处理方法比HTML事件处理方法的优点: 1. 可以添加多个事件 2. 在一个事件上添加多个事件处理程序,按顺序响应事件处理程序 IE8无法响应DOM 2级事件处理方法。
    查看全部
  • 1.HTML事件处理程序:直接在HTML标签中添加事件和事件处理程序。 缺点HTML与JS紧密耦合在一起,维护不便。 <body onload="functionName() or 代码块"> 2.DOM 0级事件处理程序: 1.较传统的处理方式:把一个函数 复制给 事件的处理程序 作为属性。 优点:简单,跨浏览器兼容。 ex.<div><input type="button" value="确定" id="btn"></div> <script> var btn=document.getElementById("btn"); btn.onclick=function(){} btn.onclick=null;删除onclik属性。 </script>
    查看全部

举报

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

微信扫码,参与3人拼团

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

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