JavaScript better practice event listener or function

Question

I have a dilemma between 2 preferred methods of operations:

Attaching an event listener when the body loads using jQuery:
```
 $(function(){ ....
```
that will catch the form event.
adding onblur / onkeyup to the HTML code and create JS function definition.

What would be better practice?

Is there a specific problem you're trying to solve by asking the question? — David Thomas
– David Thomas, Commented Oct 10, 2012 at 11:05
yes, my specific problem was which approach to take in JS/HTML development — Danny Valariola
– Danny Valariola, Commented Oct 10, 2012 at 11:09

Curtis · Accepted Answer · 2012-10-10 11:07:23Z

2

It depends on your particular requirements, but in general I would say event listeners are better practice as this seperates your HTML from your javascript logic.

Therefore if you add a new HTML element, this will automatically use your event listener, rather than you having to explicitly set the event call each time.

answered Oct 10, 2012 at 11:07

Curtis

104k69 gold badges280 silver badges359 bronze badges

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

1 Comment

Danny Valariola Over a year ago

Thanks, exactly the answer i was looking for!

Martin · Accepted Answer · 2012-10-10 11:11:05Z

1

The first approach is the way I would go.

This allows you to separate the need to know JavaScript function names in the HTML or HTML generation.

That being said, you should keep the binding actions to HTML actions as loose as possible. You are essentially reversing the dependency of needing to know some attribute of your HTML element to bind to.

You may want to define your action methods and bind the events to them separately.

answered Oct 10, 2012 at 11:11

Martin

16.4k4 gold badges51 silver badges58 bronze badges

Collectives™ on Stack Overflow

JavaScript better practice event listener or function

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related