JQuery 绑定事件监听和移除事件监听

最新推荐文章于 2022-06-17 10:07:29 发布

milk1626

最新推荐文章于 2022-06-17 10:07:29 发布

阅读量6.4w

点赞数

分类专栏： JQuery 文章标签： jquery function javascript input button border

本文链接：https://blog.csdn.net/milk1626/article/details/5455028

版权

JQuery 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

分别采用后 bing(eventType,[data],Listener)//data为可选参数,one()该方法绑定的事件触发一次后自动删除，

unbing(eventType,Listener),

实例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>unbind(eventType,listener)</title>
<style type="text/css">

</style>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
var fnMyFunc1; //函数变量
$("img")
  .bind("click",fnMyFunc1 = function(){ //赋给函数变量
   $("#show").append("<div>点击事件1</div>");
  })
  .bind("click",function(){
   $("#show").append("<div>点击事件2</div>");
  })
  .bind("click",function(){
   $("#show").append("<div>点击事件3</div>");
  });
$("input[type=button]").click(function(){
  $("img").unbind("click",fnMyFunc1); //移除事件监听myFunc1
});
});
</script>
</head>
<body>
<img src="11.jpg"> <input type="button" value="移除事件1">
<div id="show"></div>
</body>
</html>

milk1626

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JQuery 绑定事件监听和移除事件监听

分别采用后 bing(eventType,[data],Listener)//data为可选参数,one()该方法绑定的事件触发一次后自动删除， unbing(eventType,Listener), 实例： unbind(eventType,listener)img{ border:1px solid #000000;}input{ b
复制链接

扫一扫