为了账号安全,请及时绑定邮箱和手机立即绑定
  • stopPropagation()方法 用于阻止事件冒泡 preventDefault()方法 阻止事件默认行为
    查看全部
  • DOM0级事件处理程序 较传统的方式:把一个函数赋值给一个事件的处理程序属性 用的比较多的方法,原因:简单,跨浏览器的优势 如:<input type="button" value="按钮2" id="btn2"> var btn2=document.getElementById('btn2'); //取得btn2按钮对象 btn2.onclick=function(){ //btn2.onclick是给btn2添加onclick属性 alert('Hi'); } btn2.onclick=null; //删除onclick属性 没有HTML事件处理程序的缺点 DOM0级事件处理程序 较传统的方式:把一个函数赋值给一个事件的处理程序属性 用的比较多的方法,原因:简单,跨浏览器的优势 如:<input type="button" value="按钮2" id="btn2"> var btn2=document.getElementById('btn2'); //取得btn2按钮对象 btn2.onclick=function(){ //btn2.onclick是给btn2添加onclick属性 alert('Hi'); } btn2.onclick=null; //删除onclick属性 没有HTML事件处理程序的缺点
    查看全部
  • type 获取事件类型; taget 获取事件目标作用于那个控件; stopPropagation() 阻止事件冒泡沫; preventDefault() 停止默认事件;
    查看全部
  • 事件冒泡 是从最具体的事件逐渐向上提升
    查看全部
  • DOM中的两个事件对象:target属性 用于获取事件目标 type用于获取事件类型
    查看全部
  • 代码写得简直赏心悦目,学到很多。 不过兼容这种东西...等要用的时候再来翻书吧,并不想记。 event = event window.event; event.target?event.target:event.srcElement;
    查看全部
  • event的一些属性 // 触发dom时就会产生event对象,event包含着许多属性 event //触发dom的东西 event.type // 触发dom东西的方式 click,mouseover... event.target // 目标元素 event.target.nodeName // 元素名字(节点名字) event.stopPropagation() // 阻止元素冒泡 event.preventDafault() // 阻止元素默认行为
    查看全部
  • tips: js中所有用' . '的连接都可以用' [ ] '来代替<br> elm.onclick === elm['onclick']; 封装方法:<br> // 方法写在对象中,美观而且便捷<br> var mds = {<br> addEvent: function(){<br> ...<br> },<br> removeEvent: function(){<br> ...<br> }<br> }<br> <br> <br> // 跨浏览器事件监听封装函数<br> <br> var elmUtil = {<br> addEvent : function(elm,evnt,fn){<br> if(elm.addEventListener){<br> elm.addEventListener(evnt,fn,false);<br> }else if(elm.attachEven){<br> elm.attachEven("on"+evnt,fn);<br> }else{<br> elm['on'+evnt] = fn;<br> }<br> },<br> removeEvent : function(elm,evnt,fn){<br> if(elm.removeEventListener){<br> elm.removeEventListener(evnt,fn,false);<br> }else if(elm.detachEven){<br> elm.detachEven("on"+evnt,fn);<br> }else{<br> elm['on'+evnt] = null;<br> }<br> }<br> };<br> <br> var app = document.getElementById("app");<br> elmUtil.addEvent(app,'click',showMe);<br> elmUtil.removeEvent(app,'click',showMe);<br> <br>
    查看全部
  • addEventListener("监听",fn事件,false) //false可以用来阻止事件冒泡<br> removeEventListener(同上) //Dom2级删除监听方式 值要跟add一样<br> <br> dom0级删除监听<br> elm.onclick = null; //null即可<br> Ps.忘记了 Dom2级要添加监听的话,再写一个add在下面就可以了
    查看全部
  • addEventListener()和renoveEventListener0 DOM2级事件处理
    查看全部
  • 1、getElementsByClassName在js ie10以下版本不支持,最好将getClass方法封装在一个函数里,封装的函数里若有可选参数,则必须把必须参数写前面,可选参数写后面<br> 2、数组的push方法:可向数组的末尾添加一个或多个元素,并返回新的长度<br> onmousedown在用户按下任何鼠标按钮时触发 3、任何能够跟着鼠标移动的东西 都要有一个前提:绝对定位!<br> 4、鼠标事件都是在浏览器窗口中的特定位置上发生的。这个位置信息保存在事件event的clientX和clientY属性中。<br> 所有浏览器都支持这两个属性,它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标。不包括页面滚动的距离。<br> 5、实现随鼠标拖动,需要让窗口的坐标随着鼠标移动,鼠标的坐标保存在事件event的clientX和clientY两个属性中。<br> PS:document.onclick是代表在页面的任何地方点击事件。<br> 6、onmousedown鼠标按下,窗口和鼠标的位置同步——onmousemove:当鼠标指针在元素内部移动时重复地触发<br> element.style.left/top=clientX/Y+'px';(这样有bug,需要求出光标落点距离面板的位置)
    查看全部
  • 回车键13,空格键32,向下方向键40,向上方向键38,向左方向键37,向右方向键39,shift键16,ctrl键17,alt键18
    查看全部
    0 采集 收起 来源:编程挑战

    2016-06-17

  • 记住键盘事件中调用的函数如果出现this(慎用)。 【温馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我,加我慕课好友,互相学习,共同进步!】
    查看全部
  • Event对象的keyCoden属性用于得到键盘对应键的键码值。 【温馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我,加我慕课好友,互相学习,共同进步!】
    查看全部
  • @键盘事件 【温馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我,加我慕课好友,互相学习,共同进步!】
    查看全部

举报

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

微信扫码,参与3人拼团

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

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