<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h2>DOM 2级事件绑定</h2>
<button>解绑</button>
<script type="text/javascript">
var h2 = document.getElementsByTagName('h2')[0];
function f1(){
console.log('甲程序员的小功能');
}
//甲程序员
h2.addEventListener('click',f1);
//解绑
var btn = document.getElementsByTagName('button')[0];
btn.onclick = function(){
h2.removeEventListener('click',f1);
}
//乙程序员
h2.addEventListener('click',function(){
console.log('乙程序员的小功能');
});
//丙程序员
h2.addEventListener('click',function(){
console.log('丙程序员的小功能');
});
</script>
</body>
</html>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
f1是函数对象本身,函数是相当于将函数对象赋值到函数名这个变量,所以可以类似访问变量一样访问函数的.f1()est une fonction d'appel.f1() obtient la valeur de retour de l'appel de fonction et f1 représente le pointeur vers une fonction