为了账号安全,请及时绑定邮箱和手机立即绑定
  • HTML事件处理的缺陷:js和HTML需要紧密耦合在一起,修改起来不方便,两处都需要修改
    查看全部
  • html事件处理:把要执行的事件直接写在html结构里
    查看全部
  • 事件冒泡:从里到外 事件捕获:从外到内
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2016-09-09

  • console.log 主要是方便你调式javascript用的,你可以看到你在页面中输出的内容。 相比alert他的优点是: 他能看到结构化的东西,如果是alert,淡出一个对象就是[object object],但是console能看到对象的内容。 console不会打断你页面的操作,如果用alert弹出来内容,那么页面就死了,但是console输出内容后你页面还可以正常操作。 console里面的内容非常丰富,你可以在控制台输入:console,然后就可看到它有网页的各种提示。 键盘事件 onkeydown:按下键盘上任意键时触发,(按住不放会重复触发) onkeypress:按下键盘上的字符键时触发 onkeyup:释放键盘上的键时触发,(即按住不会重复触发) keyCode:event.keyCode,获得当前按下键盘上按键的键码,回车键为13 定时器: 注意:使用timer前一定要进行初始化=====>var timer=null; timer=setInterval(function(){},50):每隔50ms执行一次函数 clearInterval(定时器名):清除定时器,再加定时器前需清除原来的定时器,防止多个定时器叠加 随机数: Math.random():生成0-1的随机数 Math.floor():向下取整
    查看全部
  • 视频中提及的flag值的设定....个人认为应该把flag写进star和stop函数里面....如下... function startFn(){ clearInterval(timer); timer = setInterval(function(){ var i = Math.floor(Math.random()*8); title.innerHTML = data[i]; }, 300); play.style.backgroundColor = '#999'; flag = 1; } function stopFn(){ clearInterval(timer); play.style.backgroundColor = null; flag = 0; } 这样子.,....当用户用鼠标点击开始抽奖以后...就能直接按回车来停止抽奖...视频中的代码...当鼠标点击开始后..按下回车..是会导致再开始一遍...从而导致鼠标和键盘事件是分开的...没办法很好地鼠标键盘联系一起...
    查看全部
  • 跨浏览器时间处理程序
    查看全部
  • IE的特殊属性----阻止冒泡
    查看全部
  • 使用事件处理程序
    查看全部
  • btn2.onclick=null;//删除onclick属性
    查看全部
  • visibility: hidden----将元素隐藏,但是在网页中该占的位置还是占着。 display: none----将元素的显示设为无,即在网页中不占任何的位置 在隐藏的时候使用了displa:hidden 这样的低级错误= =
    查看全部
    0 采集 收起 来源:编程练习

    2016-09-08

  • keyDown:当用户按下键盘上的任意键时触发,而且如果按住不放的话,会重复触发此事件 keyPress:当用户按下键盘上的字符键时触发,而且如果按住不放的话,会重复触发此事件 keyUp:当用户释放键盘上的键时触发 随机数取整 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轴
    查看全部
  • offsetLeft与style.left的区别 offsetLeft 获取的是相对于父对象的左边距 left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距 如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值, 这同offsetLeft是相同的,区别在于: 1. style.left 返回的是字符串,如28px,offsetLeft返回的是数值28,如果需要对取得的值进行计算, 还用offsetLeft比较方便。 2. style.left是读写的,offsetLeft是只读的,所以要改变div的位置,只能修改style.left
    查看全部

举报

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

微信扫码,参与3人拼团

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

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