为了账号安全,请及时绑定邮箱和手机立即绑定
  • 键盘事件: PS:点击事件中的this表示点击的那个元素,而键盘事件是绑定在document上的this就表示document,所以键盘事件不能使用this,需具体到元素
    查看全部
  • keyDown:当用户按下键盘上的【任意键】时触发,而且如果按住不放的话,会重复触发此事件 keyPress:当用户按下键盘上的【字符键】时触发,而且如果按住不放的话,会重复触发此事件 keyUp:当用户释放键盘上的键时触发 cursor属性规定要显示的光标的类型(形状); Math.random()产生一个[0,1)的随机浮点数 Math.random()*n就会产生一个[0,n-1)的随机浮点数 Math.floor(Math.random()*n);向下取整,会产生一个[0,n-1)的整数
    查看全部
  • li>ul>div>document 点击li时希望ul隐藏,点击div时希望ul显示,点击document时希望隐藏 由于事件冒泡流,ul的隐藏和显示会有冲突,导致没效果,所以需要对li和div进行阻止事件冒泡处理
    查看全部
  • 问题1:鼠标按下时的位置与鼠标拖动时位置不一致? 原因是:鼠标按下和移动时得到的坐标是鼠标这个点与窗口边框的距离,clientX是水平距离,clientY是垂直距离,而元素与窗口的距离是元素的左上角与窗口的水平(offsetLeft)、垂直距离(offsetTop); 所以元素的水平移动距离为:鼠标移动后的clientX-(鼠标按下时的clientX-元素的offsetLeft); 问题2:元素移动到当前窗口外的问题: 解决浏览器兼容的获取窗口的宽和高: var winW=document.documentElement.clientWidthdocument.body.clientWidth; var winH=document.documentElement.clientHeightdocument.body.clientHeight; 元素的最大水平移动距离:maxW=winW-元素的offsetWidth; 问题3:鼠标释放后元素还继续跟随; 解决如下:
    查看全部
  • onmousedown事件:在用户按下任何鼠标按键时触发; onmousemove事件:当鼠标指针在元素内部移动时重复地触发; onmouseup事件:当用户释放鼠标按钮时触发。 鼠标事件:在浏览器窗口中的特定位置发生的,这个位置信息保存在事件event的clientX和clientY属性中,所有浏览器都支持这两个属性,它们的值表示事件发生时鼠标指针在窗口的水平和垂直坐标,不包括页面滚动的距离; 鼠标移动跟随:先设置元素绝对定位,然后将元素的left位移=clientX;top位移=clientY PS:getElementsByClassName方法在IE10及其以前版本上不支持,可以自定义getElementsByClassName方法
    查看全部
  • dom.style.display="block"; 用于显示元素 dom.style.display="none"; 用于隐藏元素
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • IE中的事件对象: 1、type属性:用于获取事件类型; 2、srcElement属性:用于获取事件的目标; 3、cancelBubble属性:用于阻止事件冒泡,true:阻止冒泡,false:不阻止冒泡; 4、returnValue属性:用于阻止事件的默认行为,false:阻止事件默认行为 兼容所有浏览器的获取事件对象event的属性和方法:
    查看全部
  • 事件对象event的属性和方法: PS:在js方法中需要定义参数为event,用来接收事件
    查看全部
  • IE事件处理程序,有两个方法: attachEvent()添加事件和detachEvent()删除事件,需要接收相同的两个参数: 1、要处理的事件名(事件名需要带on,如:点击事件需写成onclick); 2、作为事件处理程序的函数名(函数不需要带括号,只要函数名或者直接写函数体也可以); 没有第三个参数的原因:IE8级其以前的浏览器版本只支持事件冒泡流 PS:在JS中 dom.onclick等价于dom['onclick']; 跨浏览器事件处理程序: 使用eventUtil.addHandler(dom,'click',函数名);来给DOM添加或者删除事件
    查看全部
  • 1、HTML事件处理程序(现在不建议使用了):事件直接加在HTML代码中; 缺点:HTML和js代码高耦合,如果修改,就要修改两个地方--HTML元素内和script函数。 2、DOM 0级事件处理程序(传统的方式:把一个函数赋值给一个事件的处理程序属性,不需要再html代码中调用,这是用的比较多的方法,如:添加事件:dom.onclick="函数",移除事件:dom.click=null); 3、DOM 2级事件处理程序:定义了两个方法用于处理指定和删除事件处理程序的操作,addEventListener()和removeEventListener(); 方法需要接收三个参数: 3.1、要处理的事件名(事件名去掉“on”,如点击事件需写成click); 3.2、作为事件处理程序的函数名(函数不需要带括号,只要函数名或者直接写函数体也可以); 3.3、布尔值(true表示使用事件捕获流,false表示使用事件冒泡流,一般使用false兼容各种浏览器)。 PS:通过addEventListener添加的事件只能通过removeEventListener来移除;DOM 0级和DOM 2级事件可以在一个DOM上添加多个事件,按顺序执行
    查看全部
  • 事件流:描述的是从页面中接收事件的顺序 事件冒泡流:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(document)——IE浏览器使用的是该方式 事件捕获流:不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件——老版本浏览器不支持
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2016-10-02

  • 事件对象
    查看全部
  • 问题:event怎么传的 script 里 function里可以写方法吗,不用匿名方法
    查看全部
  • DOM0级事件处理程序,获取元素,给元素添加属性; DOM2级事件处理程序,addEventListener()和removeEventListener();
    查看全部
  • 事件流:描述的是从页面接受事件的顺序。 IE:事件冒泡流--即事件最开始由最具体的元素逐级向上传播至不具体的元素。 Netscape:事件捕获流--不太具体的节点应该更早接收到事件,和冒泡流相反;
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2016-09-29

举报

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

微信扫码,参与3人拼团

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

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