为同一个元素绑定多个不同的事件,指向相同的事件处理函数
2019-01-23 10:54
148 查看
[code]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
<input type="button" value="小苏" id="btn"/>
<script src="common.js"></script>
<script>
//为同一个元素绑定多个不同的事件,指向相同的事件处理函数
my$("btn").onclick = f1;
my$("btn").onmouseover = f1;
my$("btn").onmouseout = f1;
function f1(e) {
switch (e.type) {
case "click":
alert("好帅哦");
break;
case "mouseover":
this.style.backgroundColor = "red";
break;
case "mouseout":
this.style.backgroundColor = "green";
break;
}
}
// my$("btn").onmouseover=function (e) {
// console.log(e);
// };
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JavaScriptDOM练习之为同一个元素绑定多个不同的事件并指向同一个事件处理函数
- IE attachEvent事件处理程序(事件绑定的函数)的this指向的是window不是执行当前事件的dom元素
- off() 方法 与 unbind() 方法移除绑定事件的处理程序。one()函数用于为每个匹配元素的一个或多个事件绑定一次性事件处理函数
- jQuery动态添加的元素绑定事件处理函数代码
- 同一个事件绑定不同的函数
- jQuery动态添加的元素绑定事件处理函数代码
- jQuery动态添加的元素绑定事件处理函数代码
- JavaScript移除绑定在元素上的匿名事件处理函数
- jQuery一个元素绑定多个相同事件的解决
- delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。 使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如
- jQuery动态添加的元素绑定事件处理函数代码
- 同一元素上，通过v-on绑定多个相同事件的函数
- Javascript 事件对象（四）一个事件绑定多个不同的函数
- jQuery动态添加的元素绑定事件处理函数代码的方法及比较
- jquery delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数
- JavaScript移除绑定在元素上的匿名事件处理函数
- jQuery -- 如何为动态添加的元素绑定事件处理函数
- Jquery中的事件与传统的javascript中事件区别: Jquery中事件允许绑定多个函数，而javascript中一个事件只能绑定一个函数.
- 用ACE的Reactor模式实现网络通讯时，ACE内部用WSAEventSelect函数把网络事件与一个事件对象关联起来，目的是为了后面用WaitForMultipleObjects函数统一处理。
- JS获取元素样式、绑定解除事件函数兼容