Doubt in order of event handler excecution ! !

Question

0.00/5 (No votes)

See more:

i am having two click event handlers in two different js files.
say in file1:
$('.test').live('click',function() {
//action 1
}

file 2 :
$('.test').live('click',function() {
//action 2
}

What I have tried:

which will execute first .? My assumption is , it will be executed based on the order of js file loaded. but i am not sure . can any one clear my doubt ??

Posted 23-Feb-17 6:46am

moyna coder

Updated 23-Feb-17 9:01am

Add a Solution

Comments

[no name] 23-Feb-17 12:50pm

Why don't you try it and see which fires first? Would have taken you less time to find out than posting here only to be told to try it first.

moyna coder 23-Feb-17 23:43pm

Its not that i have n't tried .. I tried , it seems execution differs some time. I just wants to confirm .

Richard Deeming 23-Feb-17 14:55pm

.live() has been deprecated since jQuery v1.7; if you're using 1.7 or later, you should be using .on()[^] instead.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Karthik_Mahalingam · Answer 1 · 2017-02-23T06:55:00

First File reference will be executed first.

tested as below

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
    </script>
    <script src="Scripts/JavaScript1.js"></script>
    <script src="Scripts/JavaScript2.js"></script> 
</head>
 
<body >
   <button class="test"> click to test </button>  
</body>
</html>
 
</html>

File 1

$('.test').live('click', function () {
    alert('file1'); // shown 
});

File 2

$('.test').live('click', function () {
    alert('file2');
});

Richard Deeming · Answer 2 · 2017-02-23T09:01:00

Whilst the event handlers currently seem to execute in the order in which they were registered (see Solution #1[^]), that behaviour doesn't seem to be documented anywhere.

That means it's an internal implementation detail, and could change in a future version of jQuery, or possibly even with a browser update.

Relying on different event handlers executing in a specific order is a "code smell[^]". If you really need a set of actions to execute in a specific order, then user a single handler, and invoke the actions in the required order.

Doubt in order of event handler excecution ! !

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0