代码之家 › 专栏 › 技术社区 › Poorna Senani Gamage

如何为此按钮添加“onclick”事件[重复]

button function javascript

Poorna Senani Gamage · 技术社区 · 6 年前

这个问题已经有了答案:

Javascript - Add button with onClick attribute dynamically 2答

我使用js创建按钮。如何添加 onclick 此按钮的事件。

var b1 = document.createElement("button");
b1.setAttribute("class", "btn btn-default");
b1.setAttribute("id", "viewdetails");
b1.innerHTML = "View Details";
d3.appendChild(b1);

3 回复 | 直到 6 年前

Luca Kiebel 6 年前

若要向单击侦听器添加函数,请使用 HTMLElement#addEventListener() :

let b1 = document.createElement("button");
b1.setAttribute("class", "btn btn-default");
b1.setAttribute("id", "viewdetails");
b1.innerHTML = "View Details";
b1.addEventListener("click", function() {/* your code here */});
d3.appendChild(b1);

Polynomial Proton 6 年前

还有一种方法:(使用scath的片段)

使用onclick attribte

var b1 = document.createElement("button");
var d3 = document.getElementById("d");
b1.setAttribute("class", "btn btn-default");
b1.setAttribute("id", "viewdetails");
b1.setAttribute("onclick", "clickevent();")
b1.innerHTML = "View Details";
d3.appendChild(b1); 
   

function clickevent(){
console.log("clicked")
}

.btn{

}

<div id="d"></div>

Scath Adam Robinson 6 年前

这将调用函数 func .

var b1 = document.createElement("button");
var d3 = document.getElementById("d");
b1.setAttribute("class", "btn btn-default");
b1.setAttribute("id", "viewdetails");
b1.innerHTML = "View Details";
d3.appendChild(b1);  
b1.addEventListener("click", func)

function func(){
console.log("clicked")
}

.btn{

}

<div id="d"></div>

推荐文章

AayushPokharel · 如何在css中处理图像的alpha层?

2 年前

Santiago Cuartas Rmrz · 使用Javascript根据密码输入长度启用/禁用按钮

2 年前

cheese-berry · Chrome扩展:点击后弹出图像更改

2 年前

Joshep95 · 点击按钮后,防止重新加载页面

2 年前

HouÅ¡tí · 如何检测鼠标释放

2 年前

Vlad Rotaru · 如何在按钮中心添加两行

2 年前

spin99 · 点击按钮时如何结束倒计时?

2 年前

Paulisto · 表单按钮拒绝执行javascript除法函数

2 年前

Nag Arjun · 带模板参考变量的角度按钮单击不起作用

2 年前

Fadrick · 使用按钮[duplicate]在两个div之间切换

2 年前