Как использовать тот же код для двух разных событий 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');}` 

Надежда, чтобы помочь вам .. Bye