注册事件的两种方式

<!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>注册事件的两种方式</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>

注册事件的两种方式（传统注册事件、方法监听注册事件）相关推荐

java用jintellitype和jna两种方式实现鼠标键盘后台监听
下载相关dll文件我的目录结构依赖jintellitype-1.3.9.jar方式实现需要一个jar文件和两个c编写dll文件,注意:d ...
android注册广播两种方式,Android 注册广播的两种方式对比
Android 注册广播的两种方式对比 1.常驻型广播常驻型广播,当你的应用程序关闭了,如果有广播信息来,你写的广播接收器同样的能接受到, 他的注册方式就是在你的应用程序中的AndroidManif ...
android两种广播注册区别,Android 注册广播的两种方式对比
Android 注册广播的两种方式对比 1.常驻型广播常驻型广播,当你的应用程序关闭了,如果有广播信息来,你写的广播接收器同样的能接受到, 他的注册方式就是在你的应用程序中的AndroidManif ...
jquery、javascript实现(get、post两种方式)跨域解决方法
jquery.javascript实现(get.post两种方式)跨域解决方法一.实现get方式跨域请求数据浏览器端 <script> $(document).ready(fun ...
jQuery绑定点击事件和改变事件的几种方式以及多个元素绑定多个事件
jQuery绑定点击事件和改变事件的几种方式以及多个元素绑定多个事件简单的html页面: <!DOCTYPE html> <html lang="en"> ...
Windows注册服务的两种方式，并设置服务开机自启
目录第一种方式: 下载instsrv.exe和srvany.exe 用管理员身份运行"命令提示符"工具用"注册表编辑器"将服务替换为自己需要的功能修改完注 ...
java两种绑定方式_Javascript绑定事件的两种方式的区别
命名函数 function check(){ //code } 匿名函数 window.onload = function(){ //先获取元素对象,再绑定事件,绑定的是匿名函数不可重用 var bt ...
阻止事件冒泡两种方式：event.stopPropagation();和return false;
jQuery提供了两种方式来阻止事件冒泡. 方式一:event.stopPropagation(); $("#div1").mousedown(function (event) { ...
Android实现双击事件的两种方式
Work around的方法是先监听onTouch事件来监听连续点击次数,每次点击都布置一个间隔时间的延时任务,延时任务执行时判断间隔内是否还有点击,如果没有则发布点击次数,重置计数. 实现代码如下: ...

注册事件的两种方式（传统注册事件、方法监听注册事件）

注册事件的两种方式

注册事件的两种方式（传统注册事件、方法监听注册事件）相关推荐

最新文章

热门文章