方法监听注册事件addEventListener、attachEvent

admin · 2022-1-17 14:47:17

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button>传统注册事件</button>
<button>方法监听注册事件</button>
<button>ie9 attachEvent</button>
<script>
      var btns = document.querySelectorAll('button');
      // 1. 传统方式注册事件
      btns[0].onclick = function() {
         alert('hi');
      }
      btns[0].onclick = function() {
            alert('hao a u');
         }
         // 2. 事件侦听注册事件 addEventListener
         // (1) 里面的事件类型是字符串必定加引号而且不带on
         // (2) 同一个元素同一个事件可以添加多个侦听器（事件处理程序）
      btns[1].addEventListener('click', function() {
         alert(22);
      })
      btns[1].addEventListener('click', function() {
            alert(33);
         })
         // 3. attachEvent ie9以前的版本支持
      btns[2].attachEvent('onclick', function() {
         alert(11);
      })
</script>
</body>
</html>

		自动登录	找回密码
密码			立即注册

方法监听注册事件addEventListener、attachEvent

0 个回复

快速回复

admin

楼主热帖

相关帖子

标签云

艾Q网