點(diǎn)擊div標(biāo)簽,里面的文字由“1”變?yōu)椤凹佑汀?,可是有什么我注釋掉addEventListener,
處理函數(shù)clicklistener(event)只是作為參數(shù)傳入addEvent(element,?event,?listener),
但是沒調(diào)用呀,還是會(huì)有效果
<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">
<title>封裝小jQuery庫實(shí)現(xiàn)js事件</title>
</head>
<body>
<div?id="doma"?style="height:?100px;width:?100px;background-color:?blue;">1</div>
<script?type="text/javascript">
//?僅能根據(jù)id捕獲dom的封裝
function?$(selector){
if?(selector.substr(0,1)?==?"#")?{
var?getDom?=?document.getElementById(selector.substring(1));
return?getDom;
}?else{
console.log("This?is?not?a?id");
}
}
//?給一個(gè)element綁定一個(gè)針對(duì)event事件的響應(yīng),響應(yīng)函數(shù)為listener
function?addEvent(element,?event,?listener)?{
???//?element.addEventListener(event,listener);????//為什么我這行注釋掉,clicklistener只是作為參數(shù)傳入,沒有調(diào)用,可是刷新后還是默認(rèn)顯示“加油”
}
//?例如:
function?clicklistener(event)?{
var?div1?=?document.getElementById("doma")?
????div1.firstChild.nodeValue?=?"加油!";
}
addEvent($("#doma"),?"click",?clicklistener());
</script>
</body>
</html>
這個(gè)javascript事件處理小程序?yàn)槭裁醋⑨尩舨糠执a還有一樣的效果?
newsudhc3634140
2016-09-22 14:26:48