課程
/前端開(kāi)發(fā)
/JavaScript
/DOM事件探秘
這兩個(gè)是不是同一個(gè)意思?定義了函數(shù)addHandler()
2016-01-23
源自:DOM事件探秘 2-4
正在回答
可能我沒(méi)有寫的全,有些人也沒(méi)有看到過(guò)。視頻——DOM事件探秘(2-4 IE事件處理程序及跨瀏覽器解決)
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>事件流</title>
</head>
<body>
? ? <form>
? ? ? ? <input type="button" value="按鈕" id="btn" onclick="showMessage()">
? ? ? ? <input type="button" value="按鈕2" id="btn2">
? ? ? ? <input type="button" value="按鈕3" id="btn3">
? ? </form>
<script>
? ? function showMessage(){
alert("hello world!");
}
var btn2=document.getElementById("btn2");
var btn3=document.getElementById("btn3");
/* btn2.onclick=function(){
btn2.onclick=null;
//btn3.addEventListener("click",showMessage,false);
//btn3.removeEventListener("click",showMessage,false);
btn3.attachEvent("onclick",showMessage);
btn3.detachEvent("onclick",showMessage); ?*/
//跨瀏覽器事件處理程序
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;
},
//刪除句柄
removeHandler:function(element,type,handler){
element.removeEventListener(type,handler,false);
element.detachEvent('on'+type,handler);
element['on'+type]=null;
eventutil.addHandler(btn3,"click",showMessage);
eventutil.removeHandler(btn3,"click",showMessage);
? ? </script>
</body>
</html>
以上加粗的部分代碼,還有“刪除句柄”上面的逗號(hào)“,”也有點(diǎn)不理解。
鱸先森
liulin60 回復(fù) 鱸先森
這個(gè)addHandler:function(){}是什么? ??
沒(méi)見(jiàn)過(guò)這種形式,剛試了試,編譯不通過(guò),說(shuō)是有“無(wú)意的)”。JavaScript函數(shù)兩種形式
????????1.function add(){} ? ? 函數(shù)定義
????????2.var ?add = function(){} ? 函書(shū)表達(dá)式
前面帶冒號(hào),不知道是我孤陋寡聞,還是樓主打錯(cuò)了,如果是前者,在此請(qǐng)教。
個(gè)人理解是不一樣。。我認(rèn)為第一個(gè)是函數(shù)表達(dá)式,第二個(gè)是函數(shù)聲明。
舉報(bào)
DOM事件?本課程會(huì)通過(guò)實(shí)例來(lái)給小伙伴們講解如何使用這些事件
2 回答addHandler:function(ement,type,handler){}等同于 function addHandler(ement,type,handler){}嗎?
2 回答addHandler和removeHandler
5 回答function(element,type,handler)里面的handler是什么意思
1 回答這個(gè)是什么意思?
1 回答這個(gè)“?” 是什么意思呀
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-01-24
可能我沒(méi)有寫的全,有些人也沒(méi)有看到過(guò)。視頻——DOM事件探秘(2-4 IE事件處理程序及跨瀏覽器解決)
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>事件流</title>
</head>
<body>
? ? <form>
? ? ? ? <input type="button" value="按鈕" id="btn" onclick="showMessage()">
? ? ? ? <input type="button" value="按鈕2" id="btn2">
? ? ? ? <input type="button" value="按鈕3" id="btn3">
? ? </form>
<script>
? ? function showMessage(){
alert("hello world!");
}
var btn2=document.getElementById("btn2");
var btn3=document.getElementById("btn3");
/* btn2.onclick=function(){
alert("hello world!");
}
btn2.onclick=null;
//btn3.addEventListener("click",showMessage,false);
//btn3.removeEventListener("click",showMessage,false);
btn3.attachEvent("onclick",showMessage);
btn3.detachEvent("onclick",showMessage); ?*/
//跨瀏覽器事件處理程序
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;
}
},
//刪除句柄
removeHandler:function(element,type,handler){
if(element.addEventListener){
element.removeEventListener(type,handler,false);
}
else if(element.attachEvent){
element.detachEvent('on'+type,handler);
}
else{
element['on'+type]=null;
}
}
}
eventutil.addHandler(btn3,"click",showMessage);
eventutil.removeHandler(btn3,"click",showMessage);
? ? </script>
</body>
</html>
2016-01-23
這個(gè)addHandler:function(){}是什么? ??
沒(méi)見(jiàn)過(guò)這種形式,剛試了試,編譯不通過(guò),說(shuō)是有“無(wú)意的)”。JavaScript函數(shù)兩種形式
????????1.function add(){} ? ? 函數(shù)定義
????????2.var ?add = function(){} ? 函書(shū)表達(dá)式
前面帶冒號(hào),不知道是我孤陋寡聞,還是樓主打錯(cuò)了,如果是前者,在此請(qǐng)教。
2016-01-23
個(gè)人理解是不一樣。。我認(rèn)為第一個(gè)是函數(shù)表達(dá)式,第二個(gè)是函數(shù)聲明。