为了账号安全,请及时绑定邮箱和手机立即绑定
  • 对于事件处理程序我们一般建议自己进行封装,兼容跨浏览器的问题。 var eventUtil = { addEventHandle:function(element,eventType,fn){//添加事件,这里eventType最好传递不带“on”的,便于后面拼接on if(element.addEventListener){//非IE情况下,使用addEventListener element.addEventListener(eventType,fn,false); }else if(element.attachEvent){//IE情况下,使用attachEvent element.attachEvent('on'+eventType,fn); }else{//不支持DOM2级情况下,使用DOM0级的方式 element['on'+eventType] = fn; } }, removeEventHandle:function(element,eventType,fn){//添加事件,这里eventType最好传递不带“on”的,便于后面拼接on if(element.removeEventListener){//非IE情况下,使用removeEventListener element.removeEventListener(eventType,fn,false); }else if(element.detachEvent){//IE情况下,使用detachEvent element.detachEvent('on'+eventType,fn); }else{//不支持DOM2级情况下,使用DOM0级的方式 element['on'+eventType] = null; } } };
    查看全部
  • 逻辑还需要优化,BUG还有
    查看全部
    0 采集 收起 来源:编程挑战

    2017-03-25

  • this:引用被触发的属性
    查看全部
  • 事件流:描述的是从页面中接收事件的顺序 IE——事件冒泡流:事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。 Netscape——事件捕获流:不太具体的节点应该最早接收到事件,最具体的节点最晚接收到事件。
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2017-03-23

  • 注意:要考虑到浏览器兼容,使用innerHTML,不要使用innerText
    查看全部
    0 采集 收起 来源:编程挑战

    2017-03-22

  • 布尔值为false时是冒泡事件,为true时是捕获事件,一般都是FALSE,事件捕获只是在Netscape浏览器使用
    查看全部
  • DOM2级事件定义了两个方法:用于处理指定和删除事件处理程序的操作addEventListener()和removeEventListener(). 接收三个参数:要处理的事件名、作为事件处理程序的函数、布尔值
    查看全部
  • 这个案例主要用到定时器,随机数,键盘事件等 主要的键盘事件 1、keydown 当用户按下键盘上的任意键时触发,而且如果按住不放的话,会重复触发此事件 2、keypress 当用户按下键盘上的字符键时触发,而且如果按住不放的话,会重复触发此事件 3、keyup当用户释放键盘上的键时触发 keyCode用来获取键值,键盘上的每一个按键都唯一对应一个值
    查看全部
  • 1、鼠标拖拽:mousedown -> mousemove -> mouseup 2、鼠标在登录框上的位置:在鼠标按下时求的,而不是移动时求的 左:鼠标距视窗左端的距离(clientX)-登录框距视窗左端的距离(offsetLeft) 上:鼠标距视窗顶端的距离(clientY)-登录框距视窗顶端的距离(offsetTop) 3、登录框最大移动范围: 高:[0px, 视窗高(clientHeight)-登录框高(offsetHeight)] 宽:[0px, 视窗宽(clientWidth)-登录框宽(offsetWidth)]
    查看全部
  • 鼠标事件
    查看全部
  • document.getElementsByClassName();//IE10以前的浏览器不支持
    查看全部
  • 设立定时器前应先clear定时器
    查看全部
  • index = this.getAttribute('selectid') - 1; 使得鼠标移到的a标签可以用回车键选中设为标题
    查看全部
    0 采集 收起 来源:编程挑战

    2017-03-19

  • this.style.background='#ccc';//这里用as[i]代替this就不会改变背景色 闭包问题 http://www.108js.com/article/article1/10177.html?id=899
    查看全部
    0 采集 收起 来源:编程挑战

    2017-03-19

  • border-radius定义圆边框
    查看全部

举报

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

微信扫码,参与3人拼团

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

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