Question

在以下情况下，我需要一些帮助。

我有一个网络表单，允许用户填写尺寸（w + h）+所需的阴影值。表单上的加号和减号按钮添加/删除（显示/隐藏）新行，用于输入不同大小的窗帘。

<tr id='line1'><td>
<span>type-A</span><br />
<input id="hh1" name="hh1" value=""><br />
<input id="ww1" name="ww1" value=""><br />
<input id="xx1" name="xx1" value=""></td>
</td></tr>
<tr id='line2'><td>
<span>type-B</span><br />
<input id="hh2" name="hh2" value=""><br />
<input id="ww2" name="ww2" value=""><br />
<input id="xx2" name="xx2" value=""></td>
</td></tr>

该表单包含一个eventListener脚本，该脚本会在每次添加值时重新计算价格：

document.getElementById("calc").addEventListener("click", function () {
function calculate() { etc ...

单击减号按钮会触发eventListener外部的“正常” js函数。此函数隐藏表单上的最后一行，加上清除该行中的字段：

if(action == 'expand'){
    line_next.classList.remove("hidden");
    exp_curr.classList.add("hidden");
    coll_curr.classList.add("hidden");
    coll_next.classList.remove("hidden");
    if(next == max){exp_next.classList.add("hidden");}
} else if(before > 0) {
    line_curr.classList.add("hidden");
    fld_ww.value = "";
    fld_hh.value = "";
    fld_xx.value = "";
    exp_before.classList.remove("hidden");
    if(before > 1){coll_before.classList.remove("hidden");}

清算后，应重新计算价格。但是，这样做的脚本在我的EventListener中。

如何在eventListener中触发函数“ calculate（）”？

从外部javascript触发addEventListener函数

0 个答案: