为了账号安全,请及时绑定邮箱和手机立即绑定
  • 拖拽1 1、绝对定位 2、clientX和clientY 鼠标在视口中的水平和垂直坐标 3、onmousedown鼠标按下 窗口和鼠标的位置element.style.left/top=clientX/Y+'px'; 4、onmousemove当鼠标指针在元素内部移动时重复地触发
    查看全部
  • DOM2级事件点击登录,显示和关闭登录面板 :
    查看全部
    0 采集 收起 来源:编程练习

    2017-10-30

  • 什么是事件对象?在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 (1)、type属性用于获取事件类型 (2)、target属性用于获取事件目标 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button,button和div都绑定了click事件,如果是事件冒泡,那么点击button的时候,首先触发button的处理函数,然后触发div的处理函数。(由内而外) 如果有时候不想冒泡,也就是不希望div的事件被触发,那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转,可以使用阻止事件的默认行为preventDefault()方法
    查看全部
  • 事件捕获
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2017-10-19

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

    2017-10-19

  • 1、任何能够跟着鼠标移动的东西 都要有一个前提:绝对定位 2、鼠标事件都是在浏览器窗口中的特定位置上发生的。这个位置信息保存在事件的clientX和clientY属性中。所有浏览器都支持这两个属性,它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标。不包括页面滚动的距离。 3、js ie10以下版本不支持document.getElementsByClassName 4、js封装getClass方法,获取class 5、实现随鼠标拖动,需要让窗口的坐标随着鼠标移动,鼠标的坐标保存在时间的clientX和clientY两个属性中。 6、onmousedown鼠标按下 窗口和鼠标的位置同步; element.style.left/top=clientX/Y+'px'; onmousemove当鼠标指针在元素内部移动时重复地触发
    查看全部
  • dom和IE的取消冒泡和组织相关默认操作
    查看全部
  • event.type; //获取事件类型 event.target; //获取事件目标 event.stopPropagation(); //阻止事件冒泡 event.preventDefault(); //阻止事件的默认行为 什么是事件对象?在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 (1)、type属性用于获取事件类型 (2)、target属性用于获取事件目标 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button,button和div都绑定了click事件,如果是事件冒泡,那么点击button的时候,首先触发button的处理函数,然后触发div的处理函数。(由内而外) 如果有时候不想冒泡,也就是不希望div的事件被触发,那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转,可以使用阻止事件的默认行为preventDefault()方法
    查看全部
  • 事件冒泡
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2017-10-15

  • HTML事件的缺点:HTML和JS代码紧密的耦合在一起
    查看全部
  • 事件对象
    查看全部
  • DOM的相关操作
    查看全部
  • dom和IE的取消冒泡和组织相关默认操作
    查看全部
  • 封装函数 使用,隔开
    查看全部
  • on的使用
    查看全部

举报

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

微信扫码,参与3人拼团

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

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