两个不同事件上的jQuery选择器[重复]

Question

我有以下html

<button type="button">btn</button>
<input type="text" value="txt" />

我也在做以下 jQuery 函数：

$('button').click(function() {
    // Do something
});

$('input[type=text]').change(function() {
    // Do the same thing as in button click
});

现在，我想将两个 jQuery 调用合二为一，遵循以下伪代码：

<$('button').click()> -- OR -- <$('input[type=text]').change()>
    // Do the common code

一个建议可能是执行以下操作

function do_something() {
    // Do common code
}

$('button').click(function() {
    do_something();
});

$('input[type=text]').change(function() {
    do_something();
});

这会起作用，但是我正在寻找“选择器事件”解决方案，而不是通用功能解决方案（即，我希望选择器和事件用于调用嵌入式函数）。我可以这样做吗？

谢谢。

Answer 1

$(".event").on({
    input: function() {
        do_something();
    },
    click: function(e) {
        if (e.target.id == "btn") {
              do_something();
        }
    }
});

function do_something() {
    alert('I am Clicked so do common code here!');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="event" id="btn" type="button">btn</button>
<input class="event" id="input" type="text" name="myInput" value="txt" />

我只想用一行给出答案我们不能为不同的选择器（输入和按钮）调用两个不同的事件