为同一个元素绑定多个不同的事件，并指向相同的事件处理函数方法

1. 为同一个元素绑定多个不同的事件，并指向相同的事件处理函数方法

/*** 为同一个元素绑定多个不同的事件，指向相同的事件处理函数* @param {*} e 元素*/document.onclick = f1;document.onmouseover = f1;document.onmouseout = f1;function f1(e) {switch (e.type) {case "click": alert("你好啊！");break;case "mouseover": this.style.backgroundColor = "red"; break;case "mouseoiut": this.style.backgroundColor = "green"; break;default:break;}}

转载于:https://www.cnblogs.com/mycnblogs-guoguo/p/11211748.html

为同一个元素绑定多个不同的事件，并指向相同的事件处理函数方法相关推荐

vue给同一元素绑定单击click和双击事件dblclick，执行不同逻辑
原博:https://www.cnblogs.com/feng-xl/p/9375992.html 在做项目过程中,需求是点击孔位单击弹出对话框查看产品总数,双击弹出对话框查看详情.一开始直接clic ...
Vue 之解决v-html生成的元素不能触发@click等vue事件和CSS样式不生效的方法
一.简介官方文档: 通过上面官方文档的介绍我们可以得知两个重点: ① 通过v-html生成的页面元素,不会被当做Vue模板进行编译,只会作为普通的html代码被插入,也就是说通过v-html插入的h ...
vue给同一元素绑定单击click和双击事件dblclick，双击事件dblclick无效不触发解决办法
有时vue项目中无论是v-ondblclick:还是@dblclick ,有时会无效果.解决办法直接上代码自己看. .native主要用于监听组件根元素的原生事件 @dblclick.native= ...
jquery一个元素绑定了多个 click 事件，如何取消其中的一个
function fn1() {alert(1) } function fn2 {alert(2) } $('#btn').on('click', fn1); $('#btn').on('click' ...
transitionend、change、classList、兼容代码、元素样式属性的操作、-Attribute自定义属性、阻止跳转、元素绑定相同事件、元素解绑事件、事件冒泡、事件三阶段
transitionend过渡监听事件: 过渡监听事件transitionend指的是CSS3中过渡效果执行一次后触发事件处理函数,如下案例: <!DOCTYPE html><htm ...
JavaScript移除绑定在元素上的匿名事件处理函数
前言: 面试的时候有点蒙,结束之后想想自己好像根本就误解了面试官的问题,因为我理解的这个问题本身就没有意义.但是当时已经有一些思路,但是在一个点上被卡住. 结束之后脑子瞬间灵光,想出了当时没有迈出的那 ...
另一个绑定事件的方式为元素绑定事件的区别
另一个绑定事件的方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
jQuery中事件及常用事件总结、jQuery中常见效果、隐式迭代、链式编程、样式操作、动画队列、不同元素绑定同一个事件
jQuery事件: jQuery中的事件和javascript中的事件基本相似,不同的是jQuery中的事件处理函数写在事件后面的括号中,如: <script>$('input').cli ...
从零开始学 Web 之 DOM（六）为元素绑定与解绑事件
大家好,这里是「从零开始学 Web 系列教程」,并在下列地址同步更新...... +-------------------------------------------------------- ...

为同一个元素绑定多个不同的事件，并指向相同的事件处理函数方法

为同一个元素绑定多个不同的事件，并指向相同的事件处理函数方法相关推荐

最新文章

热门文章