分享

jQuery 绑定监听事件 and 移除监听事件

 昵称18349714 2014-09-30

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

                   unbing(eventType,Listener),

 

实例:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>unbind(eventType,listener)</title>
<style type="text/css">
<!--
img{
 border:1px solid #000000;
}
input{
 border:1px solid #570000;
}
-->
</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>


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多