What's the difference between element.bind and element.on

All we need is an easy explanation of the problem, so here it is.

Folks,

I have been following examples of angularjs directives. I see some people use:

element.bind('click',callback)

while others use:

element.on('click',callback)

Any clue on what is the difference between the two and which should be applied when ?

How to solve :

I know you bored from this bug, So we are here to help you! Take a deep breath and look at the explanation of your problem. We have many solutions to this problem, But we recommend you to use the first method because it is tested & true method that will 100% work for you.

Method 1

There is no functional difference. jQuery officially deprecated all binding syntaxes other than .on. Because jqlite angular.element is based on jQuery, they moved the syntax to .on inorder to be more compliant for those who use jQuery and Angular together. jqlite still allows for .bind to be backwards compatible (as does jQuery).

You can learn more about the differences here : jquery .bind() vs. .on()

Note: Use and implement method 1 because this method fully tested our system.
Thank you 🙂

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply