使用对象的属性添加事件侦听器

Adding an event listener using an object’s property

本文关键字：添加 事件 侦听器 属性 对象      更新时间：2023-09-26

我想要的是一个工作按钮和输入表单为我的代码，这是一个块在对象文字。当我运行代码时，我的表单显示良好，但不输出值。为什么不呢?

<input class="number" type="number" placeholder="Enter some number...">
<button>enter</button>
<p id="output"></p>
<script>
var input = document.querySelector("#number");
var output = document.querySelector("#output");
var button = document.querySelector("button");
add.button.addEventListener("click", add.number, false);
button.style.cursor = "pointer";
var add = {
    number: function () {
        amount = parseInt(input.value);
        if (amount == 5) {
            output.innerHTML = alert("true");
        } else {
            output.innerHTML = alert("false");
        }
    }
};
</script>

你必须先定义这个函数，然后才能将它传递给addEventListener，否则你只是传递了undefined。

<input class="number" type="number" placeholder="Enter some number..." id="number">
<button id="button">enter</button>
<p id="output"></p>
var input = document.getElementById("number");
var output = document.getElementById("output");
var add = {
    number: function () {
        amount = parseInt(input.value, 10);
        if (amount === "5") {
            alert("true");
            output.innerHTML = true;
        } else {
            alert("false");
            output.innerHTML = false;
        }
    }
};
var button = document.getElementById("button");
button.addEventListener("click", add.number, false);
button.style.cursor = "pointer";

见:http://jsfiddle.net/zw7e7q72/

相关文章：