为了账号安全,请及时绑定邮箱和手机立即绑定
  • 鼠标的位置: x坐标 event.clientX y坐标 event.clientY 元素的宽高: 宽 element.offsetWidth 高 element.offsetHeight 浏览器文档范围的宽高: var winWidth = document.documentElement.clientWidth || document.body.clientWidth; var winHeight = document.documentElement.clientHeight || document.body.clientHeight;
    查看全部
  • ime-mode:disabled禁止表单中使用输入法
    查看全部
  • i=setInterval clearInterval(i); 浏览器的开始计时器和结束
    查看全部
  • DOM0级、DOM2级和ie的事件处理。
    查看全部
  • DOM事件---QQ面板拖拽效果: 1. 通过类名获取元素:document.getElementsByClassName(""); IE10之前是不支持的;使用封装方法间接解决浏览器兼容问题:通过获取元素对比className得到; 2.鼠标事件位置信息保存在事件的clientX和clientY属性中,所有浏览器都支持这两个属性,表示事件发生时鼠标指针在视口中的水平和垂直坐标(不包括页面滚动的距离) 3.mousemove:当鼠标指针在元素内部移动时重复地触发 4.在鼠标事件中,可在其触发的函数中用参数来引用事件对象,如document.onmousemove=function(event){},其中的参数event代表mousemove鼠标移动事件; 5.面板可以跟随鼠标移动的前提条件:设置了绝对定位;
    查看全部
  • 按参考的答案写的,
    查看全部
    0 采集 收起 来源:编程练习

    2017-01-12

  • IE中的事件对象: 1. type属性 用于获取事件类型 2. srcElement属性 用于获取事件目标 3. cancelBubble属性 用于阻止事件冒泡(true表示阻止冒泡;false表示不阻止冒泡) 4. returnValue属性 用于阻止事件的默认行为(设置为false表示阻止事件的默认行为) 浏览器兼容:对事件对象引用及获取事件目标上的差别 function anyfunct(event){ event = event || window.event; var ele = event.target || event.srcElement; }
    查看全部
  • 事件对象 DOM的事件对象event:在触发DOM上的事件时都会产生一个对象叫事件对象event 1. type属性 用于获取事件类型 2. target属性 用于获取事件目标 3. event.stopPropagation()方法 用于阻止事件冒泡 4. event.preventDefault()方法 用于阻止事件的默认行为
    查看全部
  • 跨浏览器事件处理程序:兼容HTML事件处理程序、DOM0级、DOM2级!!!!!!!!!!
    查看全部
  • DOM2级事件处理程序: 1. 添加事件处理程序:addEventListener() 2. 删除事件处理程序:removeEventListner() 3. 接受三个参数:需要处理的事件名,作为事件处理程序的函数,和布尔值(true捕获流、false冒泡流): 4. 事件名:on去掉(比如用“click”而不是“onclick”); 5. 布尔值一般都是添加false; 总结: 1、DOM0级和DOM2级的共同优点: 能添加多个事件处理程序,按顺序执行,HTML事件处理程序无法做到~ 2、关于dom0级和dom2级的区别 DOM0级事件处理:同时绑定几个不同的事件,例如在绑定onclick的基础上再绑定一个onmouseover为按钮2设置背景颜色(这里注意不能onclick、onmouseover事件都设为alert弹出哦,可能有冲突,dom0和dom2都不能成功);但是不能同时绑定多个相同的事件,比如onclick;会覆盖,只会执行最后一个的函数; DOM2级事件处理:优点:同时绑定几个事件(相同或不同),然后顺序执行,不会覆盖。缺点:不具有跨浏览器优势. 另外,IE9能兼容DOM2级
    查看全部
  • DOM0级事件处理程序: 较为传统的方式:把一个函数赋值给一个事件的处理程序属性 用的最多的方法 比较简单,跨浏览器的优势
    查看全部
  • HTML事件处理程序(现在不建议使用了): 事件写在HTML代码中 缺点:HTML和js代码高耦合,如果修改,就要修改两个地方--HTML元素内和script函数。
    查看全部
  • 鼠标滑过
    查看全部
  • 鼠标移动时的调用
    查看全部
  • 鼠标按下,移动,抬起的操作
    查看全部

举报

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

微信扫码,参与3人拼团

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

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