https://hugo.curtiscode.dev/tags/namespace/Recent content in namespace on Curtis TimsonHugo -- gohugo.ioen-GBMon, 05 May 2014 00:00:00 +0000https://hugo.curtiscode.dev/post/jquery/namespacing-jquery-event-handlers/Mon, 05 May 2014 00:00:00 +0000https://hugo.curtiscode.dev/post/jquery/namespacing-jquery-event-handlers/If we are to attach 2 or more event handlers to an element these will become stacked and run linear in the order they were attached. For example: $(".foo").on("click", function(e){ console.log("bar"); }); $(".foo").on("click", function(e){ console.log("baz"); }); If .foo is then clicked, the browser console will log: "bar" "baz" If we wish to remove these event handlers we can call: $(".foo").off("click"); Simple. However, what if we wish to only remove 1 of these event handlers and retain the other?