javascript - 如何绑定按钮执行不同的 事件？

Question

<button>按地址查找</button> <button>按时间查找</button>

<button>上一页</button>
<button>下一页</button>

比如点击按钮1
$('按地址查找').click(function(){

//do something    去数据库按地址查找和下面的不是同一个数据库

});
比如点击按钮2
$('按时间查找').click(function(){

//do something    去数据库按时间查找

});

如何绑定上一页 按钮 现在要判断，当前状态执行的按时间查找 点击上一页就继续按时间查找， 当前执行的按地址查找，点击上一页就继续按地址查找

Answer 1

<button id="pre">上一页</button>
<button id="next">下一页</button>

$('按钮1').click(function(){
    $("#pre").click();
    //do something 
});

$('按钮2').click(function(){
    $("#next").click();
    //do something 
})

Answer 2

你可以把这一类问题理解为：

在不同状态下执行不同的代码

你可以用一个变量做状态存储，比如：

let status;

然后约定有哪几种状态（举例）

const EAT = 'EAT';
const DRINK = 'DRINK';

然后调用一个方法判断当前是什么状态

function operation(type) {
    switch(type) {
        case xxx:
            // do something;
            break;
        case xxx:
            // do something;
            break;
        default: 
            // do something;
    }
}

Answer 3

function PrevPageClickHandler(){
   ....
}

function nextPageClickHandler(){
   ....
}

$('上一页').click(PrevPageClickHandler);

$('下一页').click(nextPageClickHandler);

$('按钮1').click(function(){
    $('上一页').click();
    //或者 PrevPageClickHandler();
});

$('按钮2').click(function(){
    $('下一页').click();
    //或者 nextPageClickHandler();
});