-
setInterval在開(kāi)定時(shí)器前,要先清定時(shí)器clearInterval(timer);--->使用timer要先定義timer=null;
查看全部 -
var random=Math.random();//生成隨機(jī)數(shù)0-1之間的浮點(diǎn)數(shù)
console.log("random")//打印random
Math.floor(Math.random()*data.length)//0~7之間的隨機(jī)數(shù)取整查看全部 -
鍵盤(pán)事件~~~鍵盤(pán)事件~~~
查看全部 -
支持IE事件處理程序的瀏覽器:IE和OPERA
查看全部 -
DOM2級(jí)事件處理程序
一、定義了兩個(gè)方法:
addEventListener()添加事件
removeEventListener()移除事件
btn3.addEventListener('click',showMes,false);
三個(gè)參數(shù)設(shè)置:事件名稱(chēng),處理方法(函數(shù)),布爾值-----冒泡(false)或捕獲(true)
二、注意:
1.事件名稱(chēng)全都不加on了,onclickclick——事件名稱(chēng)要加引號(hào)“”
2.處理方法中的函數(shù)只寫(xiě)函數(shù)名,不加括號(hào)——不加括號(hào)才是函數(shù),加了括號(hào)是運(yùn)行函數(shù)
3.false 兼容所有瀏覽器-----事件冒泡流——布爾值是不需要加引號(hào)“”的
4.通過(guò)addEventListener添加的事件只能通過(guò)removeEventListener來(lái)刪除——參數(shù)要一樣
btn.removeEventListener(參數(shù));//參數(shù)必須和btn.addEventListener的一致,刪除事件
三、其他
dom0級(jí)和dom2級(jí)事件處理程序 可以給一個(gè)事件綁定多個(gè)函數(shù),事件觸發(fā)的時(shí)候會(huì)按照綁定順序執(zhí)行各個(gè)函數(shù)。
btn3.addEventListener('click',showMes,false);
btn3.addEventListener('click',showMes,function(){alert(this.value);},false);
//不可以這樣添加兩個(gè)函數(shù),懷疑其本意為:
//Btn3.addEventListener('click',showmessage1/function(){alert("這是匿名函數(shù)")},false); ?
四、缺點(diǎn):IE不支持該事件查看全部 -
DOM0級(jí)事件處理程序 (用得比較多):先把元素取出來(lái),然后為其屬性添加一個(gè)事件的方法叫DOM0級(jí)處理程序。
它是一種較傳統(tǒng)的方式:把一個(gè)函數(shù)賦值給一個(gè)事件處理程序的屬性。
優(yōu)點(diǎn):簡(jiǎn)單,跨瀏覽器的優(yōu)勢(shì)
var btn2=document.getElementById("btn2");---先獲取出元素,定義對(duì)象 //取得btn2按鈕對(duì)象
btn2.onclick=function(){alert('這是通過(guò)DOM0級(jí)添加的事件!')}----讓 事件以對(duì)象的屬性 的形式出現(xiàn)。 //給btn2添加onclick屬性查看全部 -
時(shí)間冒泡IE
查看全部 -
事件流,,,
查看全部 -
以屬性進(jìn)行判斷if(event.stopPropagation){}
查看全部 -
在IE中的事件對(duì)象幾乎都是屬性
查看全部 -
非IE的事件對(duì)象用event,IE8之前用window.event
dom中和ie中的event屬性,比如獲取dom中的事件目標(biāo)event.target,在ie中則要用event.srcElement
查看全部 -
事件對(duì)象event
查看全部 -
跨瀏覽器的事件處理程序
var?eventUtil={ ????//添加句柄 ????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;//DOM0級(jí)事件處理程序判斷 ????????} ????}, ????//刪除句柄 ????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;//DOM0級(jí)事件處理程序判斷 ????????} ????} } eventUtil.addHandler(btn3,'click',showMes); eventUtil.removeHandler(btn3,'click',showMes);查看全部 -
element.onclick===element['onclick']
查看全部 -
IE瀏覽器下事件處理程序
查看全部
舉報(bào)