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

    2016-07-06

  • 事件是文档或浏览器窗口中发生的特定的交互瞬间。【JavaScript <------>HTML】 事件流:描述的是从页面中接受事件的顺序 (IE:事件冒泡流 / Netscape事件捕获流) 事件冒泡流:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到最不具体的那个节点(文档) input----->document
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2018-03-22

  • 鼠标事件发生时鼠标的位置
    查看全部
  • js 事件对象
    查看全部
  • 键盘事件
    查看全部
  • 拖拽->鼠标跟随 1、绑定鼠标点击事件 2、获取鼠标坐标:clientX clientY (所有浏览器都支持此属性) 3、为容器元素绑定onmousemove (表明可拖拽元素只在容器元素内可拖拽) 4、将拖拽元素设置成绝对定位 5、在onmousemove中改变拖拽元素的left、top (注意left、top的算法) 6、设置left、top限定,禁止元素拖出窗口 7、当前浏览器窗口宽度document.documentElement.clientWidth或document.body.clientWidth 8、拖拽元素绑定onmouseup事件,在此事件中注销onmousemove事件,完成元素拖拽的释放效果 注意可以把left、top理解成x轴、y轴 有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。 对于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
    查看全部
  • 使用事件处理程序 1、HTML事件处理程序 2、DOM0级事件处理程序 3、DOM2级事件处理程序 DOM2级事件定义了两个方法: 用于处理指定和删除事件处理程序的操作 addEventListener()和removeEventListener()。 接收三个参数:要处理的事件名、作为事件处理程序的函数和布尔值。 4、IE事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同的两个参数:事件处理程序的名称和事件处理程序的函数。 5、跨浏览器的事件处理程序
    查看全部
  • 事件兼容性写法
    查看全部
  • ie事件处理程序
    查看全部
  • ie事件处理程序
    查看全部
  • 删除事件
    查看全部
  • 事件添加
    查看全部
  • ie10以前没有 getElementsByClassName() 所以需要自己封装一个获得classname的函数 数组的push方法:可向数组的末尾添加一个或多个元素,并返回新的长度 onmousedown:在用户按下任何鼠标按钮时触发。 鼠标事件的位置信息保存在 clientX 和 clientY 属性中,所有浏览器都支持这两个属性,它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标。不包括页面滚动的距离。 onmousemove:当鼠标指针在元素内部移动时重复地触发。 前提:移动的元素要绝对定位。
    查看全部
  • IE中的事件对象 (1)type属性用于获取事件的类型 (2)srcElement属性用于获取事件的目标 (3)cancelBubble属性用于阻止事件冒泡 (4)returnValue属性用于阻止事件的默认行为
    查看全部
  • DOM中的事件对象(不包括IE) (1)type 属性:用于获取事件类型 (2)target属性:用于获取事件目标 (3)stopPropagation()方法:阻止事件冒泡 (4)preventDefault()方法:阻止事件默认行为
    查看全部

举报

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

微信扫码,参与3人拼团

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

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