创建按钮到函数Javascript

Creating a Button to Function Javascript

本文关键字：Javascript 函数 按钮 创建      更新时间：2023-09-26

我正在尝试将一段代码附加到按钮OnClick属性。

// Creating a Button
var btn = document.createElement("BUTTON");
// Append a text to the button
var t = document.createTextNode("random text");
btn.appendChild(t);
// attach the function to the eventLisenter 
btn.addEventListener('click', handleClick);
// function to be executed
var handleClick = function (event) {
    alert("DBZ");
}

按钮会出现在它所属的位置，其中的文本也会出现，但当我按下按钮时，函数中的代码不会执行，什么也不会发生。我试过在Firefox中运行代码；谷歌浏览器。

我还尝试将"click"属性更改为"onclick"属性，在附加时添加/删除函数的括号，并使用btn.attachNow方法。真的什么事也没发生。

如果有任何帮助，我将不胜感激，提前谢谢。

您正在使用一个函数表达式来定义您的函数，并且在尝试分配事件处理程序之后执行该操作。

因此，btn.addEventListener('click', handleClick);与btn.addEventListener('click', undefined); 相同

将函数定义向上移动到代码中，使其首先发生。

更好的是，使用函数声明而不是函数表达式。

function handleClick (event) {
    alert("DBZ");
}

然后它将被提升，并且在调试器中查看时具有有用的名称。

相关文章：