两个不同事件的jQuery选择器

时间:2017-09-06 17:20:39

标签: jquery jquery-selectors

我有以下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();
});

哪个会起作用,但我正在寻找一个“选择器 - 事件”解决方案,而不是常见的功能解决方案(即,我希望选择器和事件用于调用嵌入式功能)。我能这样做吗?

感谢。

1 个答案:

答案 0 :(得分:0)

&#13;
&#13;
cloneInto
&#13;
$(".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!');
}
&#13;
&#13;
&#13;

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