jQuery callbacks.remove() Method
Last Updated :
13 Jul, 2020
The jQuery callbacks.remove() method is used to remove a single callback or a collection of callbacks from a callback list.
Syntax:
callbacks.remove( callbacks )
Parameters:
- callbacks: This parameter specifies a function, or an array of functions, which are to be removed from the callback list.
Return Value: This method returns the Callbacks object onto which it is attached.
Example 1: In this example, there is a remove method used to remove the function ‘func’ from the list.
html
<!DOCTYPE HTML>
< html >
< head >
< script src =
</ script >
</ head >
< body style = "text-align:center;" >
< h1 style = "color:green;" >
GeeksForGeeks
</ h1 >
< p >
jQuery | callbacks.remove() method
</ p >
< button onclick = "Geeks();" >
click here
</ button >
< p id = "GFG" ></ p >
< script >
var el_down = document.getElementById("GFG");
var res = "";
var callbacks = jQuery.Callbacks();
function Geeks() {
var func = function (val) {
res = res + "value passed is - " + val;
};
// Function added to list
callbacks.add(func);
callbacks.fire("gfg_1");
// Removing the func from list
callbacks.remove(func);
// Now This will not work
callbacks.fire("gfg_2");
el_down.innerHTML = res;
}
</ script >
</ body >
</ html >
|
Output:
Example 2: This example provides a button to remove the function ‘fun’ from the Callbacks list.
html
<!DOCTYPE HTML>
< html >
< head >
< script src =
</ script >
</ head >
< body style = "text-align:center;" >
< h1 style = "color:green;" >
GeeksForGeeks
</ h1 >
< p >
JQuery | callbacks.remove() method
</ p >
< button onclick = "Geeks();" >
click here
</ button >
< button onclick = "remove();" >
remove
</ button >
< p id = "GFG" ></ p >
< script >
var el_down = document.getElementById("GFG");
var res = "";
var callbacks = jQuery.Callbacks();
var fun = function (val) {
res = res + "This is function and "
+ "value passed is " + val + "< br >";
};
// Adding function to Callback list
callbacks.add(fun);
// Defining function to remove
function remove() {
callbacks.remove(fun);
}
function Geeks() {
callbacks.fire("GFG_1");
el_down.innerHTML = res;
}
</ script >
</ body >
</ html >
|
Output: Function is removed from callbacks list.
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...