如何在不重复的情况下为两个不同的jQuery事件使用相同的代码？

Question

我要叫上两个不同的事件相同的功能，即在低于给定的例子来说明：

// calling a function on keyup 
$('#textarea').keyup(function() { 
    var text_length = $('#textarea').val().length; 
    var text_remaining = text_max - text_length; 

    $('#textarea_feedback').html(text_remaining + ' characters remaining'); 
}); 

// calling same function on click 
$('#cancel').click(function() { 
    var text_length = $('#textarea').val().length; 
    var text_remaining = text_max - text_length; 

    $('#textarea_feedback').html(text_remaining + ' characters remaining'); 
}); 

请注意，上面的函数做同样的事情在这两种情况下，我只是有在不同的条件下调用该函数，

现在我的问题是我可以在同一行中设置两个事件吗？ ，这样我就可以避免两次设置功能。 请为此提出一些解决方案。 谢谢.... :)

Answer 1

只需单独声明函数，然后在两个事件中使用它。

var func_event = function() { 
    var text_length = $('#textarea').val().length; 
    var text_remaining = text_max - text_length; 

    $('#textarea_feedback').html(text_remaining + ' characters remaining'); 
}; 

$('#textarea').keyup(func_event); 
$('#cancel').click(func_event); 

Answer 2

你可以使用一个函数：

// calling a function on keyup 
$('#textarea').keyup(function() { 
     exampleFunction(); 
}); 

// calling same function on click 
$('#cancel').click(function() { 
     exampleFunction(); 
}); 

function exampleFunction(){ 

     var text_length = $('#textarea').val().length; 
     var text_remaining = text_max - text_length; 

     $('#textarea_feedback').html(text_remaining + ' characters remaining');}` 

希望能帮到你.. 再见