javascript - 根据按下的按钮更改要调用的函数

Question

好吧，我应该有 3 个按钮

<div id="button1" onclick="choose1()">Button1</div>
<div id="button2" onclick="choose2()">Button2</div>
<div id="button3" onclick="choose3()">Button3</div>

还有一个开始按钮

<div id="startButton" onclick="noFunction()">Start</div>

我想让它按下 3 个选项按钮中的一个，它会改变从开始按钮调用的功能，并且开始按钮的背景图像应该改变。

有没有办法只用 javascript 来做到这一点，或者我需要 jquery 吗？似乎也不可能在 div 标签上使用 onclick，jquery 也能做到这一点？

Answer 1

jsFiddle

您可以使用onclick上<div>标签。但您不应该使用onclick在任何标签上。不要将 HTML 布局和显示与 JavaScript 功能混淆。直接在 JS 代码中绑定(bind)您的点击处理程序(请注意，此解决方案使用 jQuery):

HTML:

<div id="button1">Button1</div>
<div id="button2">Button2</div>
<div id="button3">Button3</div>

<div id="startButton">Start</div>

JS:

function choose1() {
    // ...
}
function choose2() {
    // ...   
}
function choose3() {
    // ...  
}
$(function() {
    $("#button1").click(choose1);
    $("#button2").click(choose2);
    $("#button3").click(choose3);    
});