Javascript 函数未运行 oninput() 或 onchange()

Question

我正在构建一个简单的应用程序，将以太币转换成它的各种单位。我设置了它，以便在输入框中输入数字时，我的转换函数运行并显示转换为所需单位(可以在下拉列表中选择)。

我遇到的问题是该函数仅在页面加载时运行。此后，无论我输入什么，显示的转换值都不会从默认值改变，即使我将转换函数设置为运行 oninput、onchange 和 onclick 与接受数据的 HTML 元素有关。

我通过将脚本放在 HTML 文件的最底部来确保我的脚本在页面完全加载后运行，但这根本没有帮助。

HTML:

<div id="conversions">
           <p>
                 <input type="number" id="etherAmount" value="2"> ether to <select id="etherUnits">
                    <option id="wei" value="wei">Wei</option>
                    <option id="mwei" value="mwei">Mwei/Lovelace/Picoether</option>
                    <option id="gwei" value="gwei">Gwei/Shannon/Nanoether/Nano</option>
                    <option id="szabo" value="szabo">Szabo/Microether/Micro</option>
                    <option id="finney" value="finney">Finney/Milliether/Milli</option>
                    <option id="ether" value="ether">Ether</option>
                    <option id="kether" value="kether">Kether/Grand</option>
                    <option id="mether" value="mether">Mether</option>
                    <option id="gether" value="gether">Gether</option>
                    <option id="tether" value="tether">Tether</option>
                    <input type="submit" value="Convert" id="convert">
                </select>
            </p>

        </div>
        <div id="resultsContainer">
            <p id="results"></p>
        </div>

JS:

const converter = require("ethereumjs-units")
let etherUnits = document.getElementById("etherUnits")
let etherAmount = document.getElementById("etherAmount")
let convertButton = document.getElementById("convert")
let results = document.getElementById("results")


etherUnits.oninput = convert()
etherAmount.onchange = convert()
etherAmount.oninput = convert()
convertButton.onclick = convert()
//Takes value of ether input box and converts it
function convert() {

    //value of "convert to" box
    let etherUnitVal = etherUnits.options[etherUnits.selectedIndex].value
    results.innerHTML = converter.lazyConvert(etherAmount.value.toString() + " eth", etherUnitVal)
}

Answer 1

我猜你的问题是你不是在分配一个由那些事件处理程序执行的函数，而是在执行函数，因为 convert() 不返回函数，所以什么都不会由处理程序完成

尝试

etherUnits.oninput = convert