任务1：事件监听
任务要求：通过事件监听给一个事件类型注册多个事件处理函数。
任务实现：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="t">test</div>
<script>
var obj = document.getElementById('t');
// 添加第1个事件处理函数
obj.attachEvent('onclick', function () {
console.log('one');
});
// 添加第2个事件处理函数
obj.attachEvent('onclick', function () {
console.log('two');
});
</script>
</body>
</html>
任务2：事件移除
任务要求：对事件进行监听和移除。
任务实现：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="t">test</div>
<script>
var obj = document.getElementById('t');
// 定义事件处理函数
function test() {
console.log('test');
}
// obj.attachEvent('onclick', test); // 事件监听（早期版本IE浏览器）
// obj.detachEvent('onclick', test); // 事件移除（早期版本IE浏览器）
obj.addEventListener('click', test); // 事件监听（新版浏览器）
obj.removeEventListener('click', test); // 事件移除（新版浏览器）
</script>
</body>
</html>
原创视频
