JS 为按钮绑定多个点击事件（兼容性代码）

为元素绑定事件(DOM):一种,但是不兼容,有两种
1 对象.addEventListener("事件类型",事件处理函数,false);--谷歌和火狐支持,IE8不支持
2 对象.attachEvent("有on的事件类型",事件处理函数)--谷歌不支持,火狐不支持,IE8支持

<!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>//为任意元素.绑定任意的事件, 任意的元素,事件的类型,事件处理函数function addEventListener(element,type,fn) {//判断浏览器是否支持这个方法if(element.addEventListener){element.addEventListener(type,fn,false);}else if(element.attachEvent){element.attachEvent("on"+type,fn);}else{element["on"+type]=fn;}}addEventListener(document.getElementById("btn"),"click",function () {console.log("哦1");});addEventListener(document.getElementById("btn"),"click",function () {console.log("哦2");});addEventListener(document.getElementById("btn"),"click",function () {console.log("哦3");});</script>
</body>
</html>

JS 为按钮绑定多个点击事件（兼容性代码）相关推荐

[js] 在DOM上同时绑定两个点击事件（一个用捕获，一个用冒泡），事件总共会执行几次，先执行哪个事件？
[js] 在DOM上同时绑定两个点击事件(一个用捕获,一个用冒泡),事件总共会执行几次,先执行哪个事件? 两次先捕获,后冒泡个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一 ...
js 原生方法 -- 模拟浏览器的点击事件
js 原生方法 – 模拟浏览器的点击事件 1. 创建自定事件并监听可看看 MDN 的 Evnet, CustomEvent 对象 <!DOCTYPE html> <html la ...
html表格鼠标高亮行列,JS实现的表格行鼠标点击高亮效果代码
本文实例讲述了JS实现的表格行鼠标点击高亮效果代码.分享给大家供大家参考,具体如下: 偶尔在看天天基金网净值公告时,从源代码里剥下的一段js代码,感觉比较实用,分享一下(仅IE有效) var high ...
vue --- 按钮的防重复点击事件
按钮的防重复点击事件 :loading属性当loading = true时:按钮会显示一个旋转的圆圈.此时的按钮是无法点击的当loading = false时:按钮重新变为可点击的状态可以通过使 ...
android button自动点击事件,Android Button按钮的四种点击事件
本文实例为大家分享了安卓Button按钮的四种点击事件,供大家参考,具体内容如下第一种:内部类实现 1.xml里面先设置Button属性 android:id="+@id/button1& ...
js：按钮绑定多个事件的三种方法（js，DOM，jQuery）
1.js可以直接通过通过button的onclick添加多个函数来绑定多个事件. 2.DOM可以通过事件监听函数addEventListener绑定事件. 3.Jquery可以通过click方法来绑定 ...
java多次点击时事件_click事件的累加绑定，绑定一次点击事件，执行多次
我的github(PS:希望star):https://github.com/thWinterSun/v-admin 最近做项目为一个添加按钮绑定点击事件,很简单的一个事情,于是我按照通常做法找到元素 ...
js 给动态li添加动态点击事件
一.给动态li添加动态点击事件试了网上的on,live,bind绑定,都不起作用.最后看到https://bbs.csdn.net/topics/390414057 上的代码.试了一遍,demo o ...
如何通过JS动态给li标签添加点击事件并跳转
如何给li标签添加点击事件一.HTML demo代码二.JS动态新增li并绑定点击事件三.效果图有很长一段时间没写博客了,最近做了一个类似于榜单的小需求,遇到了一些小问题,姑且简单的记录一下吧 ...

JS 为按钮绑定多个点击事件（兼容性代码）

JS 为按钮绑定多个点击事件（兼容性代码）相关推荐

最新文章

热门文章