-
DOM0事件处理查看全部
-
Html事件的缺点查看全部
-
点击调去函数查看全部
-
Html事件查看全部
-
事件捕获查看全部
-
事件冒泡查看全部
-
keyCode键码可以通过event实践对象知道按下的是哪个键，控制台consel.log（）可以打印查看全部
-
什么是事件对象？在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 （1）、type属性用于获取事件类型 （2）、target属性用于获取事件目标 （3）、stopPropagation()方法 用于阻止事件冒泡 （4）、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button，button和div都绑定了click事件，如果是事件冒泡，那么点击button的时候，首先触发button的处理函数，然后触发div的处理函数。（由内而外） 如果有时候不想冒泡，也就是不希望div的事件被触发，那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转，可以使用阻止事件的默认行为preventDefault()方法查看全部
-
keyDown是按下键盘上行的任意键，keyPress是按下键盘上的字符键查看全部
-
null删除事件查看全部
-
[事件對象DOM] 什麼是事件對象？在觸發DOM上的事件時都會產生一個對象 事件對象EVENT ①DOM中的事件對象屬性及方法 （1）type屬性用於獲取事件類型(事件是哪種類型 例:click) （2）target屬性用於獲取事件目標(事件是來自那個元素) （3）stopPropagation()方法 用於阻止事件冒泡 （4）preventDefault() 方法 阻止事件的默認行為 如果一個div裡面有一個button，button和div都綁定了click事件，如果是事件冒泡，那麼點擊button的時候，首先觸發button的處理函數，然後觸發div的處理函數。（由內而外） 如果有時候不想冒泡，也就是不希望div的事件被觸發，那麼需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a標籤的默認屬性跳轉，可以使用阻止事件的默認行為preventDefault()方法 例： event.type event.target event.target.nodeName查看全部
-
[跨瀏覽器解決事件處理程序] 要達到跨瀏覽器的事件處理程序, 我們需要判斷使用者的瀏覽器支持哪一種事件處理程序, 所以我們將判斷以及函式包在一個物件裡面, 這裡用變數elementUtil來包. 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; // element.’on’+type = handler; 這種寫法是錯的！ // 要寫成用中括號的形式 // 因為：element.onclick === element[onclick]; } } // 刪除事件 removeHandler: function(element,type,handler) { if(element.removeEventListener) { element.removeEventListener(type,handler,false); } else if(element.detachEvent) { element.detachEvent('on'+type,handler); }else { element['on'+type]=null; } } };查看全部
-
[IE事件處理程序] IE也提供了類似DOM0級和DOM2級事件處理程序 》attachEvent()--------添加事件 》detachEvent()--------刪除事件 接收相同的兩個參數，“事件處理程序的名稱”和“事件處理程序的函數” 去掉了布爾值，不使用第三個參數的原因: --IE8以及更早的瀏覽器版本只支持事件冒泡！ 在ie下給btn3添加事件 btn3.attachEvent('onclick',showMes); 注意：在ie事件處理程序上，又要把on加上 btn3.detachEvent('onclick',showMes); 支持ie事件處理程序的瀏覽器主要有ie和opera兩個瀏覽器。查看全部
-
[DOM0級事件處理程序] （ 這種用得比較多）：先把元素取出來，然後為其屬性添加一個事件的方法叫DOM0級處理程序。 它是一種較傳統的方式：把一個函數賦值給一個事件處理程序的屬性。 優點：簡單，跨瀏覽器的優勢 實踐： var btn2=document.getElementById("btn2"); //先獲取出元素，定義對象, 取得btn2按鈕對象 btn2.onclick=function(){alert('這是通過DOM0級添加的事件！')} //讓 事件以對象的屬性 的形式出現。給btn2添加onclick屬性 btn2.onclick=null; //刪除這個事件, 讓按鈕為null查看全部
-
[DOM2級事件處理程序] 定義了兩個方法： addEventListener()添加事件 removeEventListener()移除事件 三個參數設置;事件類型，處理方法(函數)，布爾值——冒泡（false）或事件捕獲（true） btn3.addEventListener('click',showMes,false); 注意： 1、若事件名稱有on，則需去掉on。onclick -----> click，onmouseover -----> mouseover等等； 2、false 兼容所有瀏覽器-----事件冒泡流。 3.通過addEventListener添加的事件只能通過removeEventListener來刪除。---參數要一樣 btn.removeEventListener(參數); //參數必須和btn.addEventListener的參數一致，刪除事件 dom0級和dom2級事件處理程序 可以給一個事件綁定多個函數，事件觸發的時候會按照綁定順序執行各個函數。 btn3.addEventListener('click',showMes,false); btn3.addEventListener('click',showMes,function(){alert(this.value）;},false); PS: 「this」關鍵字是指“引用被觸發的元素 缺點：IE不支持該事件查看全部
举报
0/150
提交
取消