为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
DOM事件探秘_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

DOM事件探秘

Amy
难度中级
时长 2小时57分
  • 事件冒泡概念
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2016-05-03

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

    2016-05-03

  • 将能力检测封装在一个变量eventUtil中,支持了就用这个,不支持就用那个,都不行了就用dom0级
    查看全部
  • 跨浏览器
    查看全部
  • 看清{}闭合位置 window.onload=function(){ var login_btn=document.getElementById('login'), login_box=document.getElementById('login_box'), close=document.getElementById('close'); // 封装添加事件监听程序 function addEvent(ele,type,hander){ if(ele.addEventListener){ ele.addEventListener(type,hander,false); } else if(ele.attachEvent){ ele.attachEvent("on"+type,hander); } else { ele["on"+type]=hander; } } // 显示登录层函数 function showLogin(){ alert(login_box); login_box.style.display="block";// 执行代码 } // 隐藏登录层函数 function hideLogin(){ // 执行代码 login_box.style.display="none"; } addEvent(login_btn,'click',showLogin); //点击登录按钮显示登录层 // 执行代码 addEvent(close,'click',hideLogin); }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • keyDown:当用户按下键盘上的 任意键 时触发,而且如果按住不放的话,会重复触发此事件。 keyPress:当用户按下键盘上的 字符键 时触发,而且如果按住不放的话,会重复触发此事件。 keyUp:当用户释放键盘上的键时触发。 1.首先把抽奖内容放在一个数组内。 2.添加鼠标事件。 ·添加定时器setInterval ·生成随机数random 生成0-1之间的随机数,所以需要取整并且*数组的长度 ·随机数取整math.floor ·根据随机数,取出数组里的值 3.解决一个bug,做完上述内容以后,鼠标不停点击开始,定时器的累积。 ·清除定时器clearInterval 4.设置点击按钮时,按钮的背景颜色 5.停止抽奖 ·清除定时器 ·恢复颜色 6.添加键盘事件 ·判断按下的字符是否回车EVENT对象keyCoden事件 ·判断第几次按下回车 7.小bug,要解决一个当用户用鼠标点击了开始,用键盘来停止的时候。
    查看全部
  • this 引发被触发的元素
    查看全部
  • 1.封装一个getByClass(clsName,parent)方法。 目的是为为了获取login_logo_webqq这个div 取父元素 ,匹配子元素 2.页面加载,封装一个drag函数 ·标题区域按下移动 ·页面移动 --边界问题 --鼠标位置问题 ·释放鼠标停止移动 3.切换功能 ·绑定事件:loginState,loginStatePanel,li元素,login2qq_state_txt,loginStateShow ·鼠标点击的时候: --整个ul(loginStatePanel)显示 --鼠标滑过的时候有背景,以及取消背景 --鼠标点击状态改变 ①点击完后,整个ul面板隐藏 ②取出点击的<li>中文本放在login2qq_state_txt这个div中 ③修改文本前的icon ④阻止冒泡 ⑤在页面的任何地方点击,都要隐藏ul,依旧要阻止事件冒泡
    查看全部
  • 。。。
    查看全部
  • 跨浏览器事件处理程序
    查看全部
  • Event
    查看全部
  • Event对象常用属性和方法 http://www.w3school.com.cn/jsref/dom_obj_event.asp
    查看全部
  • js中的DOM操作 “.”可用“[]”代替
    查看全部
  • 1.三目运算符。 2.return event.target || srcElement 写法使用了用于逻辑判断的||,返回的值不是0或1,而是对事件目标元素的引用,这一点令人费解,而且容易混淆。使用if语句可读性会更加强。
    查看全部
  • window.onload = funcRef; funcRef is the handler function to be called when the window's load event fires.
    查看全部

举报

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

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