Jquery executing/triggering same code on different events

Question

I have this function onclick event of custom tag densitybtn='yes'

$("[densitybtn='yes']").on('click', function () {
    var no_of_people = 0;
    //calcdensity
    $("[calcdensity='yes']").each(function () {
        no_of_people = parseInt($(this).val()) + no_of_people;
    });
    var total_density = parseInt(carpetArea) / parseInt(no_of_people);
    $("#densityVal").html(Myval);
});

Can i extend same code by extending it to $("[calcdensity='yes']").on('blur')

$("[calcdensity='yes']").on('blur').$("[densitybtn='yes']").on('click', function () {

});

Am not sure on executing same code on different events

Let me know is this method correct? or is there any alternative way available?

Tushar · Accepted Answer · 2015-05-12 06:16:15Z

6

Define the function normally (not as an anonymous function) and pass the function to the event listeners

function listener() {
   var no_of_people = 0;
   //calcdensity
   $("[calcdensity='yes']").each( function() {
      no_of_people = parseInt($(this).val())+no_of_people;
   });
   var total_density = parseInt(carpetArea)/parseInt(no_of_people);
   $("#densityVal").html(Myval);
}

$("[densitybtn='yes']").on('click', listener);
$("[calcdensity='yes']").on('blur', listener);

edited May 12, 2015 at 6:16

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

answered May 12, 2015 at 6:14

Patrick Evans

42.8k6 gold badges81 silver badges94 bronze badges

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

1 Comment

NiloVelez Over a year ago

the second call should be on('blur')

krivtom · Accepted Answer · 2015-05-12 06:22:36Z

0

Nope, thats not a good practise. Instead you can write a function for the second intent and call it on blur of $("[calcdensity='yes']").

edited May 12, 2015 at 6:22

krivtom

25k10 gold badges53 silver badges54 bronze badges

answered May 12, 2015 at 6:16

Rajendrakumar Vankadari

212 bronze badges

Comments

Antonio Dangond · Accepted Answer · 2015-05-12 06:40:16Z

0

You can bind multiple events using jQuery's .on() method by space-separating the event arguments.

$("[densitybtn='yes']").on('click blur', function() {
    // actions to perform
})

You can bind events to multiple elements using jQuery's .add() method.

$("[densitybtn='yes']").add("[calcdensity='yes']").on('click blur', function() {
    // actions to perform
})

edited May 12, 2015 at 6:40

answered May 12, 2015 at 6:23

Antonio Dangond

1491 silver badge8 bronze badges

2 Comments

Mangesh Sathe Over a year ago

I have to manage [calcdensity='yes'] and [densitybtn='yes']. How can we add [calcdensity='yes']?

Antonio Dangond Over a year ago

Sorry, I misread the question. Do you want to run the function on both 'click' and 'blur' for both [calcdensity='yes'] and [densitybtn='yes'], or just 'click' for the first and 'blur' for the second?

Collectives™ on Stack Overflow

Jquery executing/triggering same code on different events

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related