为了账号安全,请及时绑定邮箱和手机立即绑定
  • HTML事件处理程序 事件直接加在HTML代码中 缺点:HTML和js代码耦合度,如果修改,就要修改两个地方:HTML元素内和script函数。
    查看全部
  • 细节的东西容易搞混.
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-16

  • keyDown:当用户按下键盘上的任意键时触发,而且如果按住不放的话,会重复触发此事件 keyPress:当用户按下键盘上的字符键时触发,而且如果按住不放的话,会重复触发此事件 keyUp:当用户释放键盘上的键时触发
    查看全部
  • 1.stopPropagation()方法 用于阻止事件冒泡 2.preventDefault()方法 阻止事件的默认行为 3.type属性用于获取事件类型 4.target属性用于获取事件目标(元素) 5.DOM事件对象对IE无效.
    查看全部
  • 什么是事件对象?在触发DOM上的事件时都会产生一个对象 事件对象EVENT DOM中的事件对象中的常用属性 (1). type属性用于获取事件类型 ---click (2). target属性用于获取事件目标(元素) --[object HTMLInputElement] target.nodeName事件目标的节点名称----input (3). stopPropagation()方法 用于阻止事件冒泡 ---- 如果一个div里面有一个button,button和div都绑定了click事件,如果是事件冒泡(由内而外),那么点击button的时候,首先触发button的处理函数,然后触发div的处理函数。 如果有时候不想冒泡,也就是不希望div的事件被触发,那么需要阻止事件冒泡。 (4). preventDefault() 方法 阻止事件的默认行为 如果需要阻止a标签的默认属性--跳转,可以使用阻止事件的默认行为preventDefault()方法 <a href='#'>超链接</a>
    查看全部
  • //跨浏览器事件处理程序 var eventUtil = { //添加句柄 addHandler:function(element,type.handler){ if(element.addEventListener){ //DOM2级事件处理程序判断 element.addEventListener(type,handler,false); } else if(element.attachEvent){ //IE事件处理程序判断 element.attachEvent('on'+type,handler); } else{ //DOM0级事件处理程序判断 //element.onclick===element['onclick']; element['on'+type] = handler; } }, //删除句柄 removeHandler:function(element,type.handler){ if(element.removeEventListener){ //DOM2级事件处理程序判断 element.removeEventListener(type,handler,false); } else if(element.detachEvent){ //IE事件处理程序判断 element.detachEvent('on'+type,handler); } else{ //DOM0级事件处理程序判断 //element.onclick===element['onclick']; element['on'+type] = null; } } } eventUtil.addHandler(btn3,'click',showMes);
    查看全部
  • DOM事件对象对IE无效.
    查看全部
  • 1.stopPropagation()方法 用于阻止事件冒泡 2.preventDefault() 方法 阻止事件的默认行为 3.type属性用于获取事件类型 4. target属性用于获取事件目标(元素)
    查看全部
  • 需要先清除定时器然后再开定时器,不然点击的次数越多,定时器开的就越多,导致变化就越来越快。 键盘事件 1.键盘事件绑定在document 2.键盘的键码值通过event对象来获得。 event.keyCode=13 ---- 回车键[可用控制台得到,console.log(event.keyCode);] 键盘事件: keyDown 当用户按下键盘上的任意键时触发,而且如果按住不放的话,会重复触发此事件 keyPress当用户按下键盘上的字符键时触发,而且如果按住不放的话,会重复触发此事件 keyUp 当用户释放键盘上的键时触发
    查看全部
  • //封装一个getByClass的方法 function getByClass(clsName,parent){ var oParent=parent?document.getElementById(parent):document, eles=[], elements=oParent.getElementsByTagName('*'); for(var i=0,l=elements.length;i<l;i++){ if(elements[i].className==clsName){ eles.push(elements[i]); } } return eles; } //onload flag函数会在页面或图像加载完成后立即发生 window.onload=drag; push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度 clientX clientY document.getElementsByClassName() IE10以前的浏览器不支持
    查看全部
  • 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属性用于获取事件类型 ---click (2). target属性用于获取事件目标(元素) --[object HTMLInputElement] target.nodeName事件目标的节点名称----input (3). stopPropagation()方法 用于阻止事件冒泡 ---- 如果一个div里面有一个button,button和div都绑定了click事件,如果是事件冒泡(由内而外),那么点击button的时候,首先触发button的处理函数,然后触发div的处理函数。 如果有时候不想冒泡,也就是不希望div的事件被触发,那么需要阻止事件冒泡。 (4). preventDefault() 方法 阻止事件的默认行为 如果需要阻止a标签的默认属性--跳转,可以使用阻止事件的默认行为preventDefault()方法 <a href='#'>超链接</a>
    查看全部
  • IE事件处理程序: attachEvent(type,hander)添加事件 事件类型要加on 如btn.attachEvent('onclick',showmsg); detachEvent()删除事件 参数:名称,函数 不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡! 兼容函数代码: var elementUtil={ //添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent('on'+type,handler); }else{ element['on'+type]=handler;// } //删除句柄 removeHandler:function(element,type,handler){ if(element.removeEventListener){ element.removeEventListener(type,handler,false); }else if(element.detachEvent){ element.dettachEvent('on'+type,handler); }else{ element['on'+type]=null;// } } };
    查看全部
  • 键盘事件: keyDown:当用户按下键盘上的任意键时触发,而且如果按住不放的话,会重复触发此事件 keyPress:当用户按下键盘上的字符键时触发,而且如果按住不放的话,会重复触发此事件 keyUp:当用户释放键盘上的键时触发
    查看全部
  • //开始一进页面 ul状态列表是隐藏的 //点击div 显示ul状态选择列表 //遍历Li给每个状态添加事件 onmouseover onmouseout onclick //完成点击给定的li状态 把其 innerHTML状态文本和class 更新同步到起始div中 ////最后要实现选择完状态后 要隐藏掉ul状态面板 + 点击 document任意处 隐藏掉ul 在适当的地方阻止事件冒泡: ul父元为div,点击li时希望ul隐藏,点击div时希望其显示,在点击li后会冒泡到div ,因而需要阻止冒泡
    查看全部

举报

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

微信扫码,参与3人拼团

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

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