JavaScriptDOM练习之为同一个元素绑定多个不同的事件并指向同一个事件处理函数
2017-10-07 21:55
537 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button id="btn">按钮</button>
<script src="../common.js"></script>
<script>
my$("btn").addEventListener("click", f1);
my$("btn").addEventListener("mouseover", f1);
my$("btn").addEventListener("mouseout", f1);
function f1(e) {
switch (e.type){
case "click":
console.log(1);
break;
case "mouseover":
console.log(2);
break;
case "mouseout":
console.log(3);
break;
}
}
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- off() 方法 与 unbind() 方法移除绑定事件的处理程序。one()函数用于为每个匹配元素的一个或多个事件绑定一次性事件处理函数
- IE attachEvent事件处理程序(事件绑定的函数)的this指向的是window不是执行当前事件的dom元素
- JavaScript移除绑定在元素上的匿名事件处理函数
- jQuery动态添加的元素绑定事件处理函数代码
- jQuery动态添加的元素绑定事件处理函数代码
- Javascript 事件对象（四）一个事件绑定多个不同的函数
- jQuery动态添加的元素绑定事件处理函数代码
- 同一个事件绑定不同的函数
- JavaScript移除绑定在元素上的匿名事件处理函数
- jQuery -- 如何为动态添加的元素绑定事件处理函数
- jQuery动态添加的元素绑定事件处理函数代码的方法及比较
- jquery delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数
- jQuery动态添加的元素绑定事件处理函数代码
- delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。 使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如
- 编写函数int stat(int a[],int n,int c[][2])。a指向的数组中保存了由n个1位整数组成的数列（n为偶数）。函数从前至后依次将a数组中每两个相邻元素拼成一个不超过2位的
- javascript 一个函数对同一元素的多个事件响应
- 声明一个指向含有10个元素的数组的指针，其中每个元素是一个函数指针，该函数的返回值是int，参数是int*，正确的是（）
- javascript同一个事件如何注册多个处理函数
- html,js一个元素做两次不同点击事件