为了账号安全,请及时绑定邮箱和手机立即绑定
  • DOM0级事件处理程序 (用得比较多) 较传统的方式:把一个函数赋值给一个事件处理程序的属性。 优点:简单,跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素,定义对象 //取得btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件!')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性 btn2.onclick=null;-----删除onclick属性。
    查看全部
  • 事件处理程序: 1. html处理事件是指直接在html代码里绑定的事件,缺点是html和js代码紧密耦合在一起,结构事件未分离 2. DOM 0级处理程序是指把函数赋值给选中的事件作为其属性,如btn.onclick=null; 3. DOM 2级处理程序有两个方法addEventListener()和removeEventListener()。所有的DOM节点都有这两个方法,第三个参数布尔值为true时表示在捕获阶段调用这个事件处理程序,false表示在冒泡阶段(可以最大限度兼容各种浏览器),如btn.addEventListener('click',function(){},false);(第一个参数不加“on”),addEventListener添加的事件只能通过removeEventListener()删除,添加和删除事件的参数要相同 DOM 0级和DOM 2级可以添加多个事件或事件处理程序,按顺序执行,但是在IE上无效 4. IE事件处理程序有两个方法:attachEvent()和detachEvent(),只有两个参数,没有布尔值的参数。事件处理程序名称需要加上“on”,如btn.attachEvent('onclick',function(){});
    查看全部
  • 事件捕获:不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。
    查看全部
    1 采集 收起 来源:[DOM] 事件捕获

    2016-04-20

  • DOM2级事件处理程序: 1.addEventListener();//添加事件监听器 2.removeEventListener();//移除事件监听器 两个方法分别接收三个参数:(事件名,事件处理程序,布尔值) 事件名:例如"click";注意此处不加on
    查看全部
  • DOM2级事件处理程序: 1.addEventListener();//添加事件监听器 2.removeEventListener();//移除事件监听器 两个方法分别接收三个参数:(事件名,事件处理程序,布尔值) 事件名:例如"click";注意此处不加on 布尔值:默认false为在冒泡阶段调用事件处理程序,true为在捕获阶段调用事件处理程序; 使用removeEventListener();移除事件时参数必须与对应的addEventListener();添加事件的参数一致。 IE8.0及以下的IE浏览器不支持这两个方法 应使用attachEvent();与detachEvent(); 这两个方法没有第三个布尔值参数,事件流为事件冒泡
    查看全部
  • DOM0级事件: 将一个函数赋值给一个事件处理程序。 例: <input type="button" value="button" id="btn"> <script> var btn = document.getElementById("btn"); //获取元素 btn.onclick = function(){ //为元素的onclick事件绑定一个匿名函数 alert("Hello"); }; </script>
    查看全部
  • 在非IE浏览器中 event就是一个输入输出对象 在IE8之前的浏览器中 不是 需要用window.event 所欲需要像截图中这样写
    查看全部
  • DOM0处理程序:先把元素取出来,将事件添加为元素的属性; 屏蔽了HTML事件的缺点。 btn2.onclick=function(){}; btn2.onclick=null;
    查看全部
  • 事件对象
    查看全部
  • [鍵盤事件2] console.log 主要是方便你調式javascript用的,你可以看到你在頁面中輸出的內容。 相比alert他的優點是: 他能看到結構化的東西,如果是alert,淡出一個對象就是[object object],但是console能看到對象的內容。 console不會打斷你頁面的操作,如果用alert彈出來內容,那麼頁面就死了,但是console輸出內容後你頁面還可以正常操作。 console裡面的內容非常豐富,你可以在控制台輸入:console,然後就可看到它有網頁的各種提示。 鍵盤事件 onkeydown:按下鍵盤上任意鍵時觸發,(按住不放會重復觸發) onkeypress:按下鍵盤上的字符鍵時觸發 onkeyup:釋放鍵盤上的鍵時觸發,(即按住不會重復觸發) keyCode:event.keyCode,獲得當前按下鍵盤上按鍵的鍵碼,回車鍵為13 用console.log(event.keyCode) 抓到當前按下鍵盤上按鍵的鍵碼 隨機數: Math.random():生成0-1的隨機數 Math.floor():向下取整 Bug: 點得越快, 計時器會一直累加 -> 抽獎執行得越快 Ans: clearInterval(定時器名):清除定時器,再加定時器前需清除原來的定時器,防止多個定時器疊加
    查看全部
  • 老师讲得太好了,超级喜欢
    查看全部
  • [dom0]级处理程序: 1.是较传统的一种方式:把一个函数赋值给一个事件的处理程序属性用的比较多的方法 2.简单易用 3.有跨浏览器的优势. 方法:var btn1 = document.getElementById(); btn1.onclick = function() { //content }
    查看全部
  • DOM2级事件处理程序<br><br> 定义了两个方法:<br><br> addEventListener()添加事件<br><br> removeEventListener()移除事件<br><br> 三个参数设置;事件名称,处理方法(函数),布尔值-----冒泡(false)或捕获(true)<br><br> <br><br> btn3.addEventListener('click',showMes,false);<br><br> 注意:<br><br> 1、若事件名称有on,则需去掉on。onclick -----> click,onmouseover -----> mouseover等等;<br><br> 2、false 兼容所有浏览器-----事件冒泡流。<br><br> 3.通过addEventListener添加的事件只能通过removeEventListener来删除。---参数要一样<br><br> btn.removeEventListener(参数);//参数必须和btn.addEventListener的参数一致,删除事件<br><br> <br><br> dom0级和dom2级事件处理程序 可以给一个事件绑定多个函数,事件触发的时候会按照绑定顺序执行各个函数。<br><br> btn3.addEventListener('click',showMes,false);<br><br> btn3.addEventListener('click',showMes,function(){alert(this.value);},false);<br><br> <br><br> 特别的: 1.DOM 2级事件处理程序无法删除匿名函数,只有将匿名函数命名化或赋值化才可以删除 2.IE不支持该事件
    查看全部
  • 键盘事件的onkeyup的up的u必须小写!! 事件函数都是小写,记住了!!!
    查看全部
    1 采集 收起 来源:编程挑战

    2016-03-26

  • mark
    查看全部
    1 采集 收起 来源:编程练习

    2014-12-08

举报

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

微信扫码,参与3人拼团

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

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