为了账号安全,请及时绑定邮箱和手机立即绑定
  • 执行步骤:在标题区域按下->要页面中移动->释放鼠标时停止移动 1、任何能够跟着鼠标移动的东西 都要有一个前提:绝对定位 2、鼠标事件都是在浏览器窗口中的特定位置上发生的。这个位置信息保存在事件的clientX和clientY属性中。 所有浏览器都支持这两个属性,它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标。不包括页面滚动的距离。 3、ie10以前版本不支持document.getElementsByClassName,所以要用js封装getClass方法,获取class 4、实现随鼠标拖动,需要让窗口的坐标随着鼠标移动,鼠标的坐标保存在事件的clientX和clientY两个属性中。 5、onmousedown鼠标按下,窗口和鼠标的位置同步;element.style.left/top=clientX/Y+'px'; 6、onmousemove当鼠标指针在元素内部移动时重复地触发 代码: function getClass(clsname,parent){ var parent=parent?document.getElementById(parent):document, elements=document.getElementsByTagName("*"), eles=[]; for(var i=0,l=elements.length;i<l;i++){ if(elements[i].className==clsname){ eles.push(elements[i]); } } return eles; } window.onload=function(){ var oTitle=getClass("login_title","box")[0]; oTitle.onmousedown=fnDown; } function fnDown(){ var box=document.getElementById("box"); document.onmousemove=function(event){ event=event||window.event; box.style.left=event.clientX+"px"; box.style.top=event.clientY+"px"; } }
    查看全部
  • IE中的事件对象(IE中事件对象为window.event) event=event || window.event 1. type属性 用于获取事件类型 2. srcElement属性 用于获取事件目标 event.target || event.srcElement 3. cancelBubble属性 用于阻止事件冒泡。( cancelBubble = true阻止 false不阻止 ) 4. returnValue属性 阻止事件的默认行为。( returnValue = false阻止 ) 注意:非IE是event,IE8以下是window.event 引用event=event || window.event
    查看全部
  • 什么是事件对象?在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 (1)、type属性用于获取事件类型 (2)、target属性用于获取事件目标 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button,button和div都绑定了click事件,如果是事件冒泡,那么点击button的时候,首先触发button的处理函数,然后触发div的处理函数。(由内而外) 如果有时候不想冒泡,也就是不希望div的事件被触发,那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转,可以使用阻止事件的默认行为preventDefault()方法
    查看全部
  • 18.border-radius:15px;//圆弧边框 var rodom=Math.floor(Math.random()*data.length)//随机整数
    查看全部
  • 获取登录按钮及整个登录面板,给登录按钮添加事件,点击时让登录层示,点击登录面板的关闭按钮,关闭整个登录层
    查看全部
    0 采集 收起 来源:编程练习

    2016-03-22

  • > addEventListener()--------------添加事件 > removeEventListener()-----------移除事件 三个参数设置;事件名称,处理方法(函数),布尔值-----冒泡(false)或捕获(true)
    查看全部
  • 事件对象 dom和IE之间的区别
    查看全部
  • Math.floor(x) 参数说明: 注意:返回的是小于或等于x,并且与 x 最接近的整数。
    查看全部
  • 事件对象
    查看全部
  • 事件流: 1.事件冒泡 点击按钮,会捕获按钮对应的点击事件再捕获按钮所在的父容器的点击事件,逐级向上 2.事件捕获 点击按钮,先捕获Document,再捕获html,再捕获父容器最后捕获对应是节点
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2016-03-22

  • 1.分析html结构 2.使用替换元素内容的方法,。 3.定义获取相关元素,除了BYID还能使用getByClass()的方法。 3.使用阻止冒泡事件,确定使用onmousedoen还是onclick. 5.使用事件模块的框架。 6,解决浏览器兼容模式。
    查看全部
  • e=e||window.event; if(e.stopPropagation()){e.stopPropagation();} else{e.cancelBubble=true;} 阻止冒泡事件,注意区分onmousedown和onclick,只能阻止相对应类型事件。
    查看全部
  • 注意IE浏览器和其他浏览器的区别 在IE浏览器中获取事件的目标用srcElement而别的浏览器用target
    查看全部
  • DOM2级事件 addEventListener,removeEventListener 三个参数:事件名,函数,布尔值
    查看全部
  • 封装跨浏览器的事件方法
    查看全部

举报

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

微信扫码,参与3人拼团

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

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