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

我可以将相同的代码扩展为$（＆＃34; [calcdensity =＆＃39; yes＆＃39;]＆＃34;）。on（＆＃39; blur＆＃39;）

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

不，这不是一个好习惯。相反，你可以为第二个意图编写一个函数，并在$("[calcdensity='yes']")的模糊处调用它。

Answer 3

您可以使用jQuery＆＃39; s .on() method通过空格分隔事件参数来绑定多个事件。

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

您可以使用jQuery＆＃39; s .add() method将事件绑定到多个元素。

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

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

3 个答案: