为了账号安全,请及时绑定邮箱和手机立即绑定
  • DOM 事件 属性和方法
    查看全部
  • 跨浏览器兼容 事件:
    查看全部
  • element.onclick===element['onclick']
    查看全部
  • 三种添加事件的方法: HTML事件 DOM 0级事件 DOM 2级事件; 的添加以及删除,见截图
    查看全部
  • 三种添加事件的方法
    查看全部
  • 事件处理程序
    查看全部
  • 拖拽->鼠标跟随 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轴 9、offsetLeft可获取距离左侧边框的距离
    查看全部
  • 注意自己所提的问题。 // 这个不是函数调用。这是把函数的值赋值给window.onload了。。 也就是说 window.onload = drag; window.onload = drag(); 两者是不一样的,因为函数也是对象,函数名就是对函数对象的引用,所以,第一种就是把函数名所引用的函数赋值给onload了,也就是说,onload事件发生时会执行drag函数。 第二种是,把drag函数的执行的返回值赋值给onload了,但是从你贴出来的带来来看,drag并没有返回值,就默认返回undefined了。。。
    查看全部
    0 采集 收起 来源:编程练习

    2016-01-20

  • DOM中的事件对象: (1)非IE a type属性 用于获取事件类型 b target属性 用户获取事件目标 c stopProgagation()方法 用于阻止事件冒泡 d preventDefault()方法 用于阻止事件的默认行为 (2)IE浏览器 a type属性 用于获取事件类型 b srcElment属性 用户获取事件目标 c cancelBubble[=true]属性 用于阻止事件冒泡 d returnValue [=false]性 用于阻止事件的默认行为
    查看全部
  • 1、IE中事件对象的重要属性: (1)type属性:获取事件类型 (2)srcElement属性:获取事件目标 (3)cancelBubble属性:设置为true表示阻止事件冒泡 (4)returnValue属性:设置为false表示阻止事件的默认行为 2、编写跨浏览器的事件对象控制方法 var eventUtil = { //......其他封装好的方法 //获取事件对象 getEvent:function(event) { return event?event:window.event; }, //获取事件类型 getType:function(event) { return event.type; }, //获取事件目标 getElement:function(event) { return event.target || event.srcElement; }, //阻止事件冒泡 stopPropagation:function(event) { if(event.stopPropagation) { event.stopPropagation(); }else{ event.cancelBubble = true; } }, //阻止事件的默认行为 preventDefault:function(event) { if(event.preventDefault) { event.preventDefault(); }else{ event.returnValue = false; } } }
    查看全部
  • 1、事件对象:在触发DOM上的事件时会产生的一个对象,被触发的函数可以用一个参数(比如event)接收该对象 2、DOM中事件对象的重要属性和方法【IE中无效】: (1)type属性:获取事件类型(如click) (2)target属性:获取事件目标(事件在哪个元素上执行,event.target.nodeName获取该元素的名称) (3)stopPropagation()方法:阻止事件冒泡(阻止祖先元素上所绑定事件的触发) (4)preventDefault()方法:阻止事件的默认行为(比如<a>标签的跳转href就是<a>标签的一个默认行为)
    查看全部
  • 事件对象:在触发DOM上的事件都会产生一个对象<br> <br> 事件对象属性:type获取事件类型、target获取事件发生在哪个标签<br> <br> 上<br> 事件对象的方法:stopPropagation();用于阻止事件冒泡<br> preventDefault();阻止事件默认行为 三、事件对象<br> 什么是事件对象?在触发DOM上的事件时都会产生一个对象<br> 事件对象event 1、DOM中的事件对象 (1)type属性 用于获取事件类型 //‘click’,'mouseover'等 event.type (2)target属性 用于获取事件目标 // event.target.nodeName (3)stopPropagation()方法 用于阻止事件冒泡 // event.stopPropagation (4)preventDefault()方法 阻止事件的默认行为 // 例如a标签的默认跳转行为
    查看全部
  • Dom事件对象
    查看全部
    0 采集 收起 来源:编程练习

    2016-01-19

  • IE中的事件对象
    查看全部
  • 事件对象
    查看全部

举报

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

微信扫码,参与3人拼团

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

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