Javascript 将两个jQuery函数合并为一个

Javascript 将两个jQuery函数合并为一个,javascript,jquery,Javascript,Jquery,我想将我的两个jQuery函数合并为一个。但我不知道怎么做。 要将这两个功能合并为一个功能,我需要更改什么 代码如下: $('#关键字')。关于('keyup',函数(e){ console.log(例如keyCode); console.log($(this.text()); $('input[name=“q”]”).val($(this.val()); $('g-search').html($(this.val()); }); $(函数(){ $('#title')。关于('keyup',函

我想将我的两个jQuery函数合并为一个。但我不知道怎么做。 要将这两个功能合并为一个功能,我需要更改什么

代码如下:

$('#关键字')。关于('keyup',函数(e){
console.log(例如keyCode);
console.log($(this.text());
$('input[name=“q”]”).val($(this.val());
$('g-search').html($(this.val());
});
$(函数(){
$('#title')。关于('keyup',函数(e){
console.log(例如keyCode);
log($(this.val());
var title=$(this.val();
$('span.title')。文本(标题);
$('g-search').html(标题);
});
});

您只需在同一
事件上添加两个
ID
函数如下代码所示

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

在不同类型的事件中,您可以像这样在单个函数中编写逻辑

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

function anotherFunction(val){

}
或者你可以这样做

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


});

可能检查一下这把小提琴


向每个元素添加一个公共类

html:


发布您的HTML代码。但是,我在同一个空格中使用两个输入字段编写。如果函数中有任何内容应该是分开的,那么我建议您只使用绝望函数。当两个函数都有需求时,公共函数将非常有用。这是一个很好的答案,但我无法写入不同的span容器。
$('#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());

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