移除事件的绑定

HTML：<!DOCTYPE ><html>

<head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    <title>无标题文档</title>    <style type="text/css">        * {            margin: 0px;            padding: 0;            font-family: "微软雅黑", "arial", " sans-serif";            font-size: 16px;        }

        body {            margin: 20px;        }

        #content {            display: none;            border: 1px solid #060;            width: 530px;            height: 130px;

        }

        button {            margin: 10px;            background: silver;            color: #006600;            border-radius: 5px;        }    </style>    <script type="text/javascript" src="js/jquery-2.2.2.min.js">    </script>

    <script type="text/javascript">        $(function() {            $("#btn1").bind("click", function() {                $("#content").show(3000);            });            $("#btn2").bind("click", function() {                if ($("#content").is(":visible")) {                    $("#content").hide(1000, showColor);                } else {                    $("#content").show(3000, showColor);                    $("#content").css("background-color", "yellow");                }            });

            function showColor() {                $("#content").css("background-color", "green");            }

            $("#btn3").click(               function(){                  $("#btn1").unbind("click");               }            );

             $("#btn4").click(               function(){                  $("#btn2").unbind("click");               }            )

        });    </script></head>

<body><button id="btn1">显示消息</button><button id="btn2">特效动画</button><br /><button id="btn3">移除按钮显示消息的事件</button><button id="btn4">移除按钮特效动画的事件</button><div id="content">         <pre>           设想在处理事件时，我们需要在一个事件函数中考察一个或者    多个事件属性。这是一个简单的技术，可以使事件处理函数和作为    参数传入的事件对象协同工作，或者从window.event 属性中读    取信息。而且，这个技术不必处理不同的浏览器版本之间的细微    差别。</pre></div>

</body>

</html>result：

时间： 2024-10-12 20:52:27

移除事件的绑定的相关文章

jquery移除事件，绑定事件，触发事件

$('.gcddfadf-btn-pay').unbind('click');//移除绑定事件 $('.gcddfadf-btn-pay').bind('click',function(){});//绑定事件$('.gcddfadf-btn-pay').trigger('click');//触发事件触发自定义事件bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数. $('#btn').bind("myclick",function(){....});

JS绑定事件和移除事件的处理方法

addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作.所有的DOM节点中都包含这两种方法,并且它们都接受3个参数:要处理的事件名.作为事件处理程序的函数和一个布尔值.最有这个布尔值参数是true,表示在捕获阶段调用事件处理程序:如果是false,表示在冒泡阶段调用事件处理程序. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /

事件的绑定与移除

事件的绑定在jQuery中,可以使用bind()方法来对元素进行特定事件的绑定,该方法接受三个参数:第一个参数是事件类型:blur.focus.click等,也可以是自定义名称:第二个参数是可选参数,作为event.data属性值传递给事件对象的额外数据对象:第三个参数则是用来绑定的处理函数. <button id="btn">点击我</button> <script type="text/javascript"> $(func

jquery事件与绑定事件

1.首先,我们来看一下经常使用的添加事件的方式: <input type="button" id="btn" value="click me!" onclick="shao();" /> <script type="text/javascript"> function shao() { alert("msg is showing!"); } </script

JQuery移除事件

移除事件 unbind(type [,data]) //data是要移除的函数 $('#btn').unbind("click"); //移除click $('#btn').unbind(); //移除所有对于只需要触发一次的,随后就要立即解除绑定的情况,用one() $('#btn').one("click",function(){.......}); 模拟操作可以用trigger()方法完成模拟操作. $('#btn').trigge

JS添加/移除事件

事件的传播方式 <div id="father"> <div id="son"></div> </div> <script> //事件传播有两种方式 //自下而上从子级到父级是事件冒泡 //自上而下从父级到子级是事件捕获 var son = document.getElementById("son"); var father = document.getElementById(&

jquery事件重复绑定解决办法

jquery事件重复绑定解决办法一$.fn.live 重复绑定解决:使用die()方法,在live()方法绑定前,将此元素上的前面被绑定的事件统统解除,然后再通过live()方法绑定新的事件. //先通过die()方法解除,再通过live()绑定$(“#selectAll”).die().live(“click”,function(){//事件运行代码}); 二click等事件解决:使用unbind("click")方法先解除绑定的事件再绑定新事件,即在给对象绑定事件之前先移除该

js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)

网上有关这方面的代码比较多而乱,这里整理一下并加以改进. 添加事件 var addEvent = function( obj, type, fn ) { if (obj.addEventListener) obj.addEventListener( type, fn, false ); else if (obj.attachEvent) { obj["e"+type+fn] = fn; obj.attachEvent( "on"+type, function() {

jquery事件重复绑定的快速解决方法

click等事件解决:使用unbind("click")方法先解除绑定的事件再绑定新事件,即在给对象绑定事件之前先移除该对象上的原有事件 1 $("#test2").unbind('click').click(function() { 2 alert("click解除绑定执行" + k++ + "次"); 3 }); 转自:http://www.cnblogs.com/shiyou00/p/5531049.html