Объединение двух функций jQuery в один

Question

Я хочу объединить две функции jQuery в один. Но я не знаю, как это сделать. Что мне нужно изменить, чтобы объединить эти два в одну функцию?

Вот код:

$('#keyword').on('keyup', function (e) { 
    console.log(e.keyCode); 
    console.log($(this).text()); 
    $('input[name="q"]').val($(this).val()); 
    $('g-search').html($(this).val()); 
}); 

$(function() { 
    $('#title').on('keyup', function (e) { 
     console.log(e.keyCode); 
     console.log($(this).val()); 
     var title = $(this).val(); 
     $('span.title').text(title); 
     $('g-search').html(title); 
    }); 
}); 

Answer 1

можно проверить эту скрипку jsfiddle

$('#keyword,#title').on('keyup', function (e) { 

     console.log(e.keyCode); 

     console.log($(this).text()); 

     $('input[name="q"]').val($(this).val()); 

     $('g-search').html($(this).val()); 

    }); 

Answer 2

Вам просто нужно добавить свои и Ids на той же event функции, как показано ниже кода.

$('#keyword,#title').on('keyup', function (e) { 
    //Your code 
}) 

Answer 3

Вы можете написать свою логику в одной функции таким образом, как это происходит в случае разных типов событий.

$(function() { 
    $('#keyword').on('keyup', function (e) { 
     anotherFunction(this); 
    }); 
    $('#title').on('keyup', function (e) { 
      anotherFunction(this); 
    }); 
}); 

function anotherFunction(val){ 

} 

Или вы можете сделать это.

$('#keyword,#title').on('keyup', function (e) { 


}); 

Answer 4

Добавить общий класс для каждого элемента

HTML:

<input class="key common-class" type="text" size="50" maxlength="63" id="keyword"/> 

<input class="url1 common-class" type="text" data-limit="60" size="50" maxlength="74" id="url"/> 

ЯШ:

$('.common-class').on('keyup', function (e) { 
     //combined code 
     var val = $(this).val(); 
    if($(e.target).is('#keyword')) { 
    $('input[name="q"]').val(val); 
    } else { 
    $('span.title').text(val); 
    } 
    $('g-search').html(val); 
});