为了账号安全,请及时绑定邮箱和手机立即绑定
  • event = event || window.event; var ele = event.target || event/srcElement; alert(ele);
    查看全部
  • 1鼠标事件是document.on事件名;
    查看全部
    0 采集 收起 来源:编程挑战

    2016-03-31

  • 1,DOM中的事件对象,type属性,获取事件的类型,target属性,用于获取事件目标,stopPropagation()方法,阻止时间冒泡;有最具体的元素开始接收,向上冒泡;preventDefault(),阻止事件的默认行为,比如<a href="#"></a>
    查看全部
  • DOM0级事件处理程序 (用得比较多):先把元素取出来,然后为其属性添加一个事件的方法叫DOM0级处理程序。 它是一种较传统的方式:把一个函数赋值给一个事件处理程序的属性。 优点:简单,跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素,定义对象 //取得btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件!')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性 btn2.onclick = null; //删除onclick属性
    查看全部
  • element.onclick===element['onclick'] 所以可以写:element['on' + type]
    查看全部
  • 1、getElementsByClassName这个函数兼容性不好,(js ie10以下版本不支持document.getElementsByClassName) 最好自己造一个:js封装getClass方法,获取class。理解getClass方法的构造原理。 2、数组的push方法:可向数组的末尾添加一个或多个元素,并返回新的长度 3、任何能够跟着鼠标移动的东西 都要有一个前提:绝对定位! 4、鼠标事件都是在浏览器窗口中的特定位置上发生的。这个位置信息保存在事件event的clientX和clientY属性中。 所有浏览器都支持这两个属性,它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标。不包括页面滚动的距离。 5、实现随鼠标拖动,需要让窗口的坐标随着鼠标移动,鼠标的坐标保存在事件event的clientX和clientY两个属性中。 PS:document.onclick是代表在页面的任何地方点击事件。 6、onmousedown鼠标按下,窗口和鼠标的位置同步——onmousemove:当鼠标指针在元素内部移动时重复地触发 element.style.left/top=clientX/Y+'px';(这样有bug,需要求出光标落点距离面板的位置)
    查看全部
  • 1.光标按下时,光标和面板之间的距离(使用了offsetLeft属性) disX=event.clientX - 面板obj.offsetLeft; disY=event.clientY - 面板obj.offsetTop; 2.光标按下时,面板的位置设置(光标位置减去和面板之间的距离) l=event.clientX-dixX; t=event.clientY-dixY; 3.问题又来了:面板似乎可以拖动到任意位置,体验不好,需要把面板限制在页面内: 。设置left、top限定,禁止元素拖出窗口 。当前浏览器窗口宽度document.documentElement.clientWidth或document.body.clientWidth 。拖拽元素绑定onmouseup事件,在此事件中注销onmousemove事件,完成元素拖拽的释放效果 4.可以多次声明变量:var a=xxxx,b=xxxx,c=xxxx,……,z=xxxx; 也写成这样:var a=xxxxxx, b=xxxxxx, c=xxxxxx;
    查看全部
  • 1.首先分析实现原理;然后分析要取出的对象,进行取出;再给对象绑定事件; 2.分析各种事件,并对其件进行函数封装; 3.块的里面的文字(状态、下)不见了:用负缩进把他们搞到窗口之外了,当代码注释使用。 4.在适当的地方阻止事件冒泡: ul父元为div,点击li时希望ul隐藏,点击div时希望其显示,在点击li后会冒泡到div ,因而需要阻止冒泡; 注意区分onmousedown和onclick,只能阻止相对应类型事件。 重点:利用事件冒泡实现切换状态菜单;当一个块内包含众多事件时,必须要注意到事件冒泡的影响。 5.在其他任何地方点击,要使列表隐藏:document.onclick是代表在页面的任何地方点击事件。 document下的子元素还有一个onclick事件,所以要注意事件冒泡的影响;
    查看全部
  • 事件对象
    查看全部
  • DOM0级事件处理
    查看全部
  • html事件处理程序
    查看全部
  • 事件流
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2016-03-31

  • 事件捕获
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2016-03-31

  • 事件冒泡
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2016-03-31

  • 事件处理程序
    查看全部

举报

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

微信扫码,参与3人拼团

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

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