課程
/前端開發(fā)
/JavaScript
/DOM事件探秘
請求解答
2018-08-01
源自:DOM事件探秘 2-4
正在回答
addHandler 和 delHandler事件中間加個逗號。另外dom2級處理程序不要加"on"
少了,在delHandler之前
少了一個逗號,在delHandler:function前面的應(yīng)該還有一個逗號
<!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級
if(element.addEventListener){
element.addEventListener(type,handler,false);
// IE
else if(element.attachEvent){
element.attachEvent('on'+type,handler);
//DOM0級
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>
源碼在這里
舉報
DOM事件?本課程會通過實例來給小伙伴們講解如何使用這些事件
4 回答elements = oParent.getElementsByTagName('*') 不知道這個錯哪了?
2 回答麻煩看下錯在哪里了,不知道哪里出錯,點擊沒反應(yīng)
1 回答eventUtil.addHandler(bTn1,'click',abc); b報錯這句不是個函數(shù) 咋辦
5 回答不知道問題出在哪里?
2 回答DOM2級刪除事件不能直接使用匿名函數(shù)。
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2018-09-09
addHandler 和 delHandler事件中間加個逗號。另外dom2級處理程序不要加"on"
2018-09-08
少了,在delHandler之前
2018-08-16
少了一個逗號,在delHandler:function前面的應(yīng)該還有一個逗號
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級
if(element.addEventListener){
element.addEventListener(type,handler,false);
}
// IE
else if(element.attachEvent){
element.attachEvent('on'+type,handler);
}
//DOM0級
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>
源碼在這里