为了账号安全,请及时绑定邮箱和手机立即绑定
  • 键盘事件 onkeydown:按下键盘上任意键时触发,(按住不放会重复触发) onkeypress:按下键盘上的字符键时触发 onkeyup:释放键盘上的键时触发 keyCode:event.keyCode,获得当前按下键盘上按键的键码,回车键为13 定时器: setInterval(function(){},50):每隔50ms执行一次函数 clearInterval(定时器名):清除定时器,再加定时器前需清除原来的定时器,防止多个定时器叠加 随机数: Math.random():生成0-1的随机数 Math.floor():向下取整
    查看全部
  • 1.首先分析实现原理;然后分析要取出的对象,进行取出;再给对象绑定事件; 2.分析各种事件,并对其件进行函数封装; 3.块的里面的文字(状态、下)不见了:用负缩进把他们搞到窗口之外了,当代码注释使用。 4.在适当的地方阻止事件冒泡: ul父元为div,点击li时希望ul隐藏,点击div时希望其显示,在点击li后会冒泡到div ,因而需要阻止冒泡; 注意区分onmousedown和onclick,只能阻止相对应类型事件。 重点:利用事件冒泡实现切换状态菜单;当一个块内包含众多事件时,必须要注意到事件冒泡的影响。 5.在其他任何地方点击,要使列表隐藏:document.onclick是代表在页面的任何地方点击事件。 document下的子元素还有一个onclick事件,所以要注意事件冒泡的影响;
    查看全部
  • 拖拽->鼠标跟随 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轴
    查看全部
  • 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当鼠标指针在元素内部移动时重复地触发
    查看全部
  • 事件类型分为: 1.鼠标事件:又分为click事件,mouseover事件,mouseout事件 2.键盘事件
    查看全部
  • 事件是文档或浏览器窗口中发生的特定的交互瞬间。【JavaScript <------>HTML】 事件流:描述的是从页面中接受事件的顺序 (IE:事件冒泡流 / Netscape事件捕获流) 事件冒泡流:即事件最开始由最具体的无素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到最不具体的那个节点
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2018-03-22

  • keyDown键盘任意键触发事件 keyPress按下字符键触发事件 keyUp松开键盘触发事件
    查看全部
  • ele['on'+type]=hander; 太粗心
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-18

  • http://blog.csdn.net/sixwinds/article/details/5656413
    查看全部
  • 阻止事件冒泡: event = event window.event; event.stopPropagation();
    查看全部
    0 采集 收起 来源:编程挑战

    2016-08-17

  • 事件处理程序
    查看全部
  • btn.onclick=showM();去掉括号,不然就变成传函数返回值了。这里 showM 是 showM() 这个函数的一个别名,它指向了 showM() 函数存放的地方。如果写成 btn.onclick = showM; 就相当于告诉编译器触发 click 事件时在 showM 指向的地方去执行这个函数;而加了括号后就表示执行该函数,这样 btn.onclick = showM(); 表示的就是 btn.onclick 等于 showM() 的返回值,当然这里我们并没有显式的用return来返回一个值,测试了一下默认返回值是undefined,所以 btn.onclick=showM(); 就相当于 btn.onclick=undefined;
    查看全部
  • 鼠标跟随,也叫拖曳
    查看全部
  • 老师有特别强调判断的时候要用属性的方式判断能力检测,而不是用方法。
    查看全部
  • 老师在这里就是相当于创建了一个代码片,每次用的时候,就拷贝一下。这也就是我欠缺的东西。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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