为了账号安全,请及时绑定邮箱和手机立即绑定
  • 按事件的先后顺序来
    查看全部
  • object.porperty===object[porperty]
    查看全部
  • DOM2级事件处理程序的两个函数必须一一对应。通过addEventListenner()添加的事件必须通过removeEventListenner( )删除。不能使用DOM0级事件处理程序令改事件属性赋值为null。
    查看全部
  • HTML事件处理程序的缺点HTML代码与JS代码连接得太紧密,如果出现改动,需要改动两次。
    查看全部
  • <body><input type="button" value="按钮" id="btn"></body> <script> var btn=document.getElementById("btn") btn.onclick=function(){alert("hello world!");} </script>
    查看全部
  • 事件是文档窗口发生的特定的交互(行为程序)瞬间
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2016-02-13

  • 1、type属性 用于获取事件类型 2、target属性 用于获取事件目标 3、stopPropagation()方法 用于阻止事件冒泡 4、preventDefault()方法 阻止事件的默认行为
    查看全部
  • event.stopPropagation();阻止事件冒泡
    查看全部
  • 在Javascript中,element.onclick === element['onclick'](.可以用中括号取代)
    查看全部
  • addEventListener()中所有事件须去掉“on”,如:addEventListener("click"),addEventListener("mouseover");
    查看全部
  • console.log 主要是方便你调式javascript用的,你可以看到你在页面中输出的内容。 相比alert他的优点是: 他能看到结构化的东西,如果是alert,淡出一个对象就是[object object],但是console能看到对象的内容。 console不会打断你页面的操作,如果用alert弹出来内容,那么页面就死了,但是console输出内容后你页面还可以正常操作。 console里面的内容非常丰富,你可以在控制台输入:console,然后就可看到它有网页的各种提示。 键盘事件 onkeydown:按下键盘上任意键时触发,(按住不放会重复触发) onkeypress:按下键盘上的字符键时触发 onkeyup:释放键盘上的键时触发,(即按住不会重复触发) keyCode:event.keyCode,获得当前按下键盘上按键的键码,回车键为13 定时器: 注意:使用timer前一定要进行初始化=====>var timer[]; timer=setInterval(function(){},50):每隔50ms执行一次函数 clearInterval(定时器名):清除定时器,再加定时器前需清除原来的定时器,防止多个定时器叠加 随机数: Math.random():生成0-1的随机数 Math.floor():向下取整
    查看全部
  • var data=['Iphone6s','Ipad Mini','三星手机','佳能','惠普','谢谢参与','1000元代金卷'], time=null;//设置定时器 window.onload=function(){ var title=document.getElementById('title'), play=document.getElementById('play'), stop=document.getElementById('stop'); //开始抽奖 play.onclick=palyFun; } function palyFun(){ temer=setInterval(function(){ var random=Math.floor(Math.random()*data.length); title.innerHTML=data[random]; },50); }
    查看全部
  • 事件冒泡:<br> 处理div显示问题:<br> e=e||window.event;<br> if(e.stopPropagation){<br> e.stopPropagation();<br> }else{<br> e.cancleBubble();<br> } 在面板任何地方点击都要隐藏面板 document.onclick=function(){ stateList.style.display='none';}
    查看全部
  • 三种事件处理程序: 一:HTML: 直接把代码写在标签内,写在HTML结构里;或把函数名写在HTML结构里。这种情 况因为HTML和JS高度耦合,不方便修改; 二:DOM0级事件处理程序:把一个函数赋值给一个事件处理程序的属性. 1.先用 getElementById() 取得相应元素,并定义好名称;如:var btn2=documentById("btn2"); 2.再给以上变量添加一个属性并给出该事件的函数,如:btn2.onclick=function(){alert("这是通过DOM0级添加的事件");} 3.如要删除该事件则:btn2.onclick=null; 三:DOM2级事件处理程序: 定义了两个方法:addEventListener()和removeEventListener()。 ()里是三个参数:要处理的事件名、作为事件处理程序的函数、布尔值(一般用false,即为冒泡事件处理程序) 例如:1:依然先取出该元素:var btn3=document.ElementById("btn3"); 2:添加事件:btn3.addEventListener("click",showMes,false)(注:要把所有带on 的事件名前的on去掉;showMes是被引用的一个函数名。) 3:删除事件:btn3.removeEventListener("click",showMes,false)(注:添加进去什么样的参数,删除也是一样的参数,而且通过Event添加的事件必须通过Event删除)。 4:一个元素添加多次事件(DOM0级也可以):btn3.addEventListener("click",function(){alert(this.vaule)},false)(注,这里的this是引用目前这个元素btn3的vaule属性的值,然后被alert弹出);
    查看全部
  • 事件捕獲和事件冒泡刚好相反,捕获从docment 逐级往里遍历,事件冒泡从里面最小元素开始往外遍历
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2016-02-11

举报

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

微信扫码,参与3人拼团

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

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