Javascript 将两个jQuery函数合并为一个
我想将我的两个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',函
$('#关键字')。关于('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);
});