一捣域、單擊事件
onclick:??鼠標(biāo)的單擊事件
方式一:??獲取元素逾条,在js中給元素綁定
btn.onclick?=?function(){? ? ? ?
?}
方式二:?定義好函數(shù)琢岩,?在html標(biāo)簽中?綁定函數(shù)
function?myClick(){
?}
二、鍵盤事件
onkeydown:??用戶按下鍵位的時候觸發(fā)
onkeyup?:???用戶抬起鍵位時
onkeypress:?用戶按下該鍵位?再抬起時觸發(fā)
備注:event對象:?表示事件源本身(我們在使用的時候师脂,以形參的形式來使用担孔,實參由事件本身傳遞
使用時江锨,一定符合見名知意:?例如:?event??ev??evt??e)
event相關(guān):
ev.target?:??返回?事件源
ev.button: 返回鼠標(biāo)被按下的那個鍵
ev.offsetX?:??鼠標(biāo)在元素上?X軸的位置
ev.clientX:?鼠標(biāo)?在瀏覽器可視區(qū)域?x軸上的位置(左邊距)
ev.clientY:?鼠標(biāo)?在瀏覽器可視區(qū)域?y軸上的位置(上邊距)
ev.keyCode?:?返回鍵盤的編碼,以此來確定是哪個鍵位(keyCode:?鍵盤編碼)
三糕篇、事件類型
onload?:?當(dāng)頁面(html,圖片之類)加載完成后啄育,執(zhí)行的方法
onblur:?失去焦點
onfocus:?獲得焦點
onselect:?選中文本時觸發(fā)
onchange:?在內(nèi)容發(fā)生改變是觸發(fā)
onreset:?重置時觸發(fā)
ondblclick:?雙擊時觸發(fā)
onmousedown?:??用戶在指定元素身上?按下時觸發(fā)
四、事件監(jiān)聽:
?addEventListener()
參數(shù)1?:?事件類型
參數(shù)2?:?觸發(fā)事件后執(zhí)行的函數(shù)
參數(shù)3?:?布爾值???默認(rèn)值是?false?事件冒泡??拌消;???true?事件捕獲
????gf.addEventListener("click",function?abc(ev)?{
????????console.log("3");
????},false);
普通事件綁定和?事件監(jiān)聽的區(qū)別:
? ? 1.?普通的只能給元素相同類型的事件綁定一個挑豌,如果綁定相同的第二個,會將上一個覆蓋事件監(jiān)聽可以給 同一個元素的相同類型事件綁定多個
? ? 2.?事件監(jiān)聽可以控制事件的傳播方式(冒泡或捕獲)
? ? 3.?事件監(jiān)聽可以通過刪除的方法墩崩,來取消事件氓英,而普通綁定只能通過?null來取消
五、事件委托
原理:事件冒泡
六鹦筹、選項卡
for(var?j?=?0?;?j?<?but.length;?j++){
? ? ? ? ? but[j].index?=?j;
? ? ? ? ? but[j].onclick?=?function(){
(1.將所有div隱藏)
? ? ? ? ? ?for(var?i?=?0;?i?<?box.length;?i++){
? ? ? ? ? ? ? ? ?box[i].style.display?=?"none";
? ? ? ? ? ?}
(2.將指定的元素顯示)
????????????????????box[this.index].style.display?=?"block";
? ?}
?}