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

    2016-06-05

  • 事件是文档或者浏览器窗口中发生的,特定的交互瞬间。 JavaScript和HTML是通过事件来实现交互 事件触发动作 本章内容 1.理解事件流 2.使用事件处理程序 3.不同的事件类型 事件流--描述的是从页面中接受事件的顺序 IE--事件冒泡流 Net--事件捕获流 事件冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2016-06-05

  • 示例代码
    查看全部
  • 鼠标事件
    查看全部
  • 主要难点在鼠标滑动时如何也用回车能选择吧
    查看全部
    0 采集 收起 来源:编程挑战

    2016-06-04

  • 事件和方法
    查看全部
  • var btn=document.ElementById(btn); btn.obclick=function{ alert(""); } 调用函数,弹出alert里面的内容
    查看全部
  • mark
    查看全部
    0 采集 收起 来源:编程挑战

    2016-06-03

  • stopPropagation();阻止事件冒泡; preventDefault();取消事件的默认动作;
    查看全部
  • keydown 用户按下键盘上的任意键时触发,若不松开会持续触发 keypress 用户按下键盘上的字符键时触发,若不松开会持续触发 keyup 用户松开键盘上的键时出发的事件 console.log('hello');//在控制台打印字符串hello Math.random();//生成0~1之间的随机数 Math.floor();//对浮点数取整,省去小数点后面的字符 Math.floor(Math.random()*data.length);//生成范围在0~data.length之间的随机整数
    查看全部
  • 弹出层
    查看全部
    0 采集 收起 来源:编程练习

    2016-06-02

  • 事件对象
    查看全部
  • 拖拽->鼠标跟随<br> 1、绑定鼠标点击事件<br> 2、获取鼠标坐标:clientX clientY (所有浏览器都支持此属性)<br> 3、为容器元素绑定onmousemove (表明可拖拽元素只在容器元素内可拖拽)<br> 4、将拖拽元素设置成绝对定位<br> 5、在onmousemove中改变拖拽元素的left、top (注意left、top的算法)<br> 6、设置left、top限定,禁止元素拖出窗口<br> 7、当前浏览器窗口宽度document.documentElement.clientWidth或document.body.clientWidth<br> 8、拖拽元素绑定onmouseup事件,在此事件中注销onmousemove事件,完成元素拖拽的释放效果<br> 注意可以把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、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,需要求出光标落点距离面板的位置)
    查看全部

举报

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

微信扫码,参与3人拼团

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

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