Question

我正在从html中的按钮调用此javascript函数，但我需要在多个位置复制该按钮。在我看来，对所有按钮使用相同的javascript函数似乎不可行，因为它仅对第一个按钮执行操作，我尝试通过添加数字来重命名该函数，但这会带来压力，并使我的代码过于庞大。 /> 请帮忙。

Home

Answer 1

您可以通过这种方式从多个按钮调用相同的功能。

您必须为HTML代码中的每个按钮分配一个ID，并在调用它时将其传递给javascript函数。

HTML代码

<button type="button" onclick="openForm(this)" id="1">Button1</button>
<button type="button" onclick="openForm(this)" id="2">Button2</button>
<button type="button" onclick="openForm(this)" id="3">Button3</button>

JS函数

function openForm(elem) { 
    alert("Calling openForm() from Button " + elem.id); 
}

更新：在不分配ID的情况下使用

<button type="button" onclick="openForm()" >Button1</button>
<button type="button" onclick="openForm()" >Button2</button>
<button type="button" onclick="openForm()" >Button3</button>

function openForm() {
    alert("Calling openForm()");
}

如何从几个类似的html事件中调用一个javascript函数

1 个答案: