jQuery在不同事件上执行/触发相同的代码

Question

我具有自定义标签 densitybtn='yes'

的此功能onclick事件

$("[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);
});

我可以通过将其扩展到$（" [calcdense ='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);

Answer 2

nope，那不是一个好习惯。相反，您可以为第二意图编写功能，并在$("[calcdensity='yes']")的Blur上称其

您可以通过空间分隔事件参数来使用jQuery的.on()方法绑定多个事件。

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

您可以使用jQuery的.add()方法将事件绑定到多个元素。

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