javascript - Jquery在不同事件上执行/触发相同的代码

Question

我在自定义标签的click事件上有这个函数密度btn ='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);
});

我可以通过将相同的代码扩展为 $("[calc密度='yes']").on('blur') 来扩展它吗

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

});

不确定是否在不同事件上执行相同的代码

请问这个方法正确吗？或者有什么替代方法吗？

Answer 1

正常定义函数(不是匿名函数)并将函数传递给事件监听器

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);