Kombination von zwei jQuery-Funktionen in einem

Question

Ich möchte meine beiden jQuery-Funktionen in einem kombinieren. Aber ich weiß nicht wie. Was muss ich ändern, um diese beiden zu einer Funktion zu kombinieren? Hier

ist der Code:

$('#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

möglich überprüfen Sie diese Geige 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

Sie müssen nur fügen Sie Ihre beide Ids auf gleiche event Funktion wie unten Code.

Answer 3

Sie können Ihre Logik in einer einzigen Funktion schreiben, und zwar bei verschiedenen Arten von Ereignissen.

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

function anotherFunction(val){ 

} 

Oder Sie können dies tun.

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


}); 

Answer 4

In einer gemeinsamen Klasse zu jedem Element

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"/> 

js:

$('.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); 
});