課程
/前端開(kāi)發(fā)
/JavaScript
/DOM事件探秘
請(qǐng)求解答
2018-08-01
源自:DOM事件探秘 2-4
正在回答
addHandler 和 delHandler事件中間加個(gè)逗號(hào)。另外dom2級(jí)處理程序不要加"on"
少了,在delHandler之前
少了一個(gè)逗號(hào),在delHandler:function前面的應(yīng)該還有一個(gè)逗號(hào)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
window.onload=function(){
var btn1=document.getElementById('btn1');
var btn2=document.getElementById('btn2');
function al(){
alert('這是事件處理程序引發(fā)的');
}
// btn1.addEventListener('click',al,false);
// btn2.removeEventListener('click',al,false);
// btn2.attachEvent('onclick',al,false);
// 跨瀏覽器事件處理程序
var eventUtil={
// 添加句柄
addHandler:function(element,type,handler){
// DOM2級(jí)
if(element.addEventListener){
element.addEventListener(type,handler,false);
// IE
else if(element.attachEvent){
element.attachEvent('on'+type,handler);
//DOM0級(jí)
else{
element['on'+type]=handler;
delHandler:function(element,type,handler){
if(element.removeEventListener){
element.removeEventListener('on'+type,handler,false);
else if(element.detachEvent){
element.detachEvent('on'+type,handler);
element['on'+type]=null;
</script>
</head>
<body>
<input type="button" value="按鈕1" id="btn1">
<input type="button" value="按鈕2" id="btn2">
</body>
</html>
源碼在這里
舉報(bào)
DOM事件?本課程會(huì)通過(guò)實(shí)例來(lái)給小伙伴們講解如何使用這些事件
4 回答elements = oParent.getElementsByTagName('*') 不知道這個(gè)錯(cuò)哪了?
2 回答麻煩看下錯(cuò)在哪里了,不知道哪里出錯(cuò),點(diǎn)擊沒(méi)反應(yīng)
1 回答eventUtil.addHandler(bTn1,'click',abc); b報(bào)錯(cuò)這句不是個(gè)函數(shù) 咋辦
5 回答不知道問(wèn)題出在哪里?
5 回答刪除句柄報(bào)錯(cuò)了,請(qǐng)大家?guī)蛶兔h
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-09-09
addHandler 和 delHandler事件中間加個(gè)逗號(hào)。另外dom2級(jí)處理程序不要加"on"
2018-09-08
少了,在delHandler之前
2018-08-16
少了一個(gè)逗號(hào),在delHandler:function前面的應(yīng)該還有一個(gè)逗號(hào)
2018-08-01
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
window.onload=function(){
var btn1=document.getElementById('btn1');
var btn2=document.getElementById('btn2');
function al(){
alert('這是事件處理程序引發(fā)的');
}
// btn1.addEventListener('click',al,false);
// btn2.removeEventListener('click',al,false);
// btn2.attachEvent('onclick',al,false);
// 跨瀏覽器事件處理程序
var eventUtil={
// 添加句柄
addHandler:function(element,type,handler){
// DOM2級(jí)
if(element.addEventListener){
element.addEventListener(type,handler,false);
}
// IE
else if(element.attachEvent){
element.attachEvent('on'+type,handler);
}
//DOM0級(jí)
else{
element['on'+type]=handler;
}
}
delHandler:function(element,type,handler){
if(element.removeEventListener){
element.removeEventListener('on'+type,handler,false);
}
else if(element.detachEvent){
element.detachEvent('on'+type,handler);
}
else{
element['on'+type]=null;
}
}
}
}
</script>
</head>
<body>
<input type="button" value="按鈕1" id="btn1">
<input type="button" value="按鈕2" id="btn2">
</body>
</html>
源碼在這里