jquery unbind click

Question

I'm going nuts just trying to unbind an onclick handler from the event in jQuery so I can bind it later on to another function.

I have isolated the code in a test page so there's nothing but the meat, just a button that calls a function and a script that tries to unbind it:

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <script src="../../Scripts/jquery-1.3.2.min.js" type="text/javascript">
    </script>

    <script src="../../Scripts/jquery-1.3.2.js" type="text/javascript">
    </script>

    <script type="text/javascript" language="javascript">
        $(document).ready(function() { $("#btnNext").unbind('click'); });
        function hi() {window.alert("hi");}
    </script>
</head>

<body>

    <input id="btnNext" type="button" value="Next" onclick="hi();" />
</body>
</html>

Anybody knows why the click event keeps calling the hi() function no matter what I said in the document.ready?

Thanks

Chad Grant · Accepted Answer · 2009-04-24 09:26:58Z

21

Because you put it in the html attribute, it stays there. It was not bound with jQuery so jQuery is not tracking it's usage.

$("a").bind('click',hi);
$("a").unbind('click',hi);

http://docs.jquery.com/Events/bind

answered Apr 24, 2009 at 9:26

Chad Grant

45.6k10 gold badges67 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

antonioh Over a year ago

Do you mean anything set in a declarative mode cannot be unbind like this?

Chad Grant Over a year ago

correct, you maybe be able to unbind it by $("#btnNext").attr('onclick','') ... but better to do all your binding with jQuery. It's much cleaner and less confusing. Easy to forget about the javascript you added in your attributes. ;)

antonioh Over a year ago

Nice one, now I understand why it didn't work. I'll do the binding as you say. Thanks!

Chad Grant Over a year ago

np ;) also noticed you have jQuery added twice, ya just need the .min version.

John Bledsoe · Accepted Answer · 2009-12-04 18:55:36Z

9

Just for the record, you can use the removeAttr jQuery function to remove the initially specified onclick attribute.

$('#btnNext').removeAttr("onclick");

Also, in response to Chad, I agree that it is generally better to do all your binding with jQuery, but I'm in a situation (using ASP.NET MVC) that requires individual links to have some model parameters in their click event handlers. It would be more convoluted IMO to try to wire up these event handlers via jQuery.

answered Dec 4, 2009 at 18:55

John Bledsoe

17.8k5 gold badges45 silver badges60 bronze badges

1 Comment

Patrick Lee Scott Over a year ago

this doesn't work in IE (of course). Anyone know a way to unbind "onclick" events in IE?

spthorn · Accepted Answer · 2010-07-01 15:14:09Z

0

I couldn't get removeAttr to work, but this does:

$("#btnNext").click(function(){ return false; });

I was wanting to remove the ASP.NET-supplied onclicks (just for SelectedNodeChanged) in my TreeView, so I could handle the event on the client. Of course, my click function included more than "return false".

answered Jul 1, 2010 at 15:14

spthorn

193 bronze badges

Comments

tsveti_iko · Accepted Answer · 2016-07-01 10:13:44Z

0

Let's say you have

$(elem).on("click", function() { ... });

you don't even need to bind it if you want to unbind it later. To do so can just do:

$(elem).unbind();

and that will remove the handlers regardless of type. If you want to be more specific, you can always pass an event type like "click".

answered Jul 1, 2016 at 10:13

tsveti_iko

8,1705 gold badges56 silver badges42 bronze badges

Collectives™ on Stack Overflow

jquery unbind click

4 Answers 4

4 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related