Jquery前端之事件绑定（二）解决事件的删除，事件的无序执行的问题，有个小例子

最新推荐文章于 2024-09-30 15:42:36 发布

wen's

最新推荐文章于 2024-09-30 15:42:36 发布

阅读量422

点赞数 2

文章标签： jquery 前端浏览器

本文链接：https://blog.csdn.net/xiaoerduo123x/article/details/50650293

版权

我们都知道在Jquery中添加事件，但是在删除事件的时候我们会有一些小烦恼的事件，因为我们不知道删除哪一个，尤其

在时候了匿名函数的call的方法后。

代码设置

//跨浏览器添加事件绑定

下面是一个小例子

index.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>事件绑定</title>
<script type="text/javascript" src="base2.js"></script>
<script type="text/javascript" src="tool.js"></script>
<script type="text/javascript" src="index.js"></script>
<link style="text/css" rel="stylesheet" href="index.css"/>
</head>
<body>
<input type="button" value="按钮" id="button" />
</body>
</html>

index.js

window.οnlοad=function(){
   var oButton=document.getElementById('button');
   addEvent(oButton,'click',fn1);
   addEvent(oButton,'click',fn2);
   addEvent(oButton,'click',fn3);


};
function fn1(e){
   alert('1');
}
function fn2(e){
   alert('2');
}
function fn3(e){
   alert('3');
}