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