如何在JS或Jquery中为新创建的按钮添加onclick事件？
在JS或jQuery中为新创建的按钮添加onclick事件，可以按照以下步骤进行操作：
- 首先，使用JS或jQuery动态创建一个按钮元素。例如，使用JS创建按钮元素：
var button = document.createElement("button");
button.innerHTML = "点击我";使用jQuery创建按钮元素：
var button = $("<button>点击我</button>");- 接下来，为按钮添加onclick事件处理函数。如果使用JS，可以使用addEventListener方法来添加事件处理函数：
button.addEventListener("click", function() {
// 在这里编写按钮点击事件的处理代码
});如果使用jQuery，可以使用on方法来添加事件处理函数：
button.on("click", function() {
// 在这里编写按钮点击事件的处理代码
});- 最后，将按钮添加到页面中的某个元素中，使其显示在页面上。例如，将按钮添加到id为"container"的元素中：
document.getElementById("container").appendChild(button);或者，将按钮添加到id为"container"的元素中，使用jQuery的方式：
$("#container").append(button);这样，新创建的按钮就具有了onclick事件，并且可以在点击时执行相应的处理代码。
相关·内容
我通过函数.append()创建了一个带有id的按钮。现在我不知道如何使用它的id向它添加任何onclick事件。这就是我所拥有的。
浏览 13提问于2020-10-09得票数 0
2回答
</button>$(document).ready(function () {<button type="submit" class="btn btn-xs btn-default" onclick="validate();">Validate!
浏览 3提问于2017-01-17得票数 0
回答已采纳
如何在javascript中创建自定义事件，如onclick事件。我想创建一个事件作为onlogin &如何将自定义数据传递给新创建的事件，以及如何向this事件添加回调函数。
浏览 0提问于2016-05-16得票数 0
我绑定到一个链接(通过使用jQuery的.live()函数) click事件，然后手动添加一个纯JS和超文本标记语言(如<a href="".... onclick="some action">)的onclick事件处理程序。我想阻止live方法的事件冒泡，但我不知道如何阻止。也许e.stopPropagation()在这种情况下
浏览 3提问于2011-08-17得票数 12
回答已采纳
9回答
我有以下PHP代码，其中4个按钮从数据库表中动态显示。根据单击的按钮在页面上显示不同的内容。
现在，我想这样做，当我点击第一个按钮，然后按钮bg的颜色应该改变，以便访问者可以知道哪个按钮是按下。当单击第二个按钮时，应该更改该按钮的bg颜色，并且应该用原始颜色还原以前单击的按钮(本例中的第一个按钮</em
浏览 4提问于2014-11-11得票数 2
回答已采纳
另外，我有一个'onclick'事件的输入按钮。每当触发此事件时，就会有一个新的文章元素附加到具有唯一id的节元素。newArticle元素包含一个标签、文本框和一个删除按钮。这三个元素都是在单击事件中创建的。document.getElementById("addRow").onclick = function () {
var
浏览 3提问于2016-04-17得票数 1
回答已采纳
4回答
我遇到了一个令人沮丧的问题。我想在一个动态添加的输入上添加一个点击事件，但是我已经挣扎了一段时间了。为了显示一些代码，下面是我的初始视图然后，用户可以动态添加数据，然后填充这个div，例如(使用初始div)。<div class="js-item-list">
<div c
浏览 8提问于2015-01-10得票数 0
回答已采纳
我正在为课堂制作一个游戏，并添加了一个评论系统来配合它。我现在想要添加报告评论的能力。我在comments表中添加了一个名为report_active的列，我的想法是当它处于活动状态时将其设置为1(意味着它已被报告)，当它不活动时将其设置为0，然后在adminCP中列出所有评论以及关于它们的活动报告/div>
用于此操作的JavaScript函数为
浏览 0提问于2014-04-17得票数 0
2回答
我有一个简单的html代码： <li> </li> <buttononclick="test()">Button</button> <li>
<button <
浏览 3提问于2020-05-28得票数 0
我是一个使用jQuery的新手。在我的第一个jQuery程序中，我想打印一个包含所提供数字的表，它的答案是正确的。但是我面临的问题是输出只会闪烁并变成空白。这是我的代码../jquery.min.js"><script type="text/javascript">
$(
浏览 0提问于2014-02-11得票数 0
我想使用我的自定义按钮来保存和打印数据表，这些按钮在数据表之外可用。有人能帮我这个忙吗。
浏览 1提问于2015-01-16得票数 0
我只是想了解，天空扫描仪搜索航班按钮是如何工作的。没有与其相关的onclick event或function。有人能帮我吗？<button class="fss-bpk-button fss-bpk-button--large js-search-button" tabindex="1" type="button">
浏览 2提问于2017-09-17得票数 1
回答已采纳
1回答
我正在一个JSF2.2模板客户端xhtml页面中测试一个jqplot混合条形图和行图，该页面有一个选项卡式视图。如果我将图形放在选项卡式视图中，它将不会显示。datanalytics"><div id="chart2"> </div> </div>
上面的结果只是一个空白的区域我在Chrome或Firefox (
浏览 5提问于2017-03-31得票数 0
回答已采纳
我想知道，每当asp.net页面与服务器联系时，是否有方法运行JS代码。也就是说，我正在寻找一个通用事件处理程序，每当为runat=“服务器”组件调用服务器时就会触发该事件处理程序。我知道有一种方法可以让jQuery.ajax()在调用服务器之前和之后运行JS代码，但我不知道如何在asp.net中这样做。特别是，由于这个项目使用了许多自定义组件。更新1：我不能使用UpdateProgress，因为有些按钮不在UpdatePanels<
浏览 6提问于2013-10-07得票数 0
1回答
在这个页面上，我试图查看页面的源代码并检查元素，但无法找到生成屏幕快照的函数是如何生成的。按钮上没有按一下按钮。我想使用他的html2canvass js做一些类似的事情，但是我不想把它附加到页面的底部，我想将提供的网站url保存为jpeg。我希望动态生成我<
浏览 4提问于2014-03-21得票数 0
回答已采纳
1回答
想象一下你有一个这样的按钮：其中，测试功能如下function test(){ return true; // based on some logic return boolean现在假设，我不知道为
浏览 6提问于2010-01-13得票数 0
回答已采纳
2回答
我有一个输入，应该保持重点，因为程序的要求。在使用该软件时，输入可能会在某个时候被隐藏，但当再次出现时，它应该会恢复焦点，但它不会。不过，如果您检查输入上的绑定事件，您可以看到它实际上并没有丢失事件。<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"><&#x
浏览 5提问于2017-03-31得票数 3
回答已采纳
7回答
我是javascript的新手，我想用<a>标签来改变这一点
<button type="submit" id='submit_form' name="submit_details" onclick="
浏览 31提问于2016-09-14得票数 0
3回答
我想通过js创建运行时输入，并设置class，但是在创建输入之后，我想按class调用不能工作，为什么？=> HTML代码 button type="button" onclick="AddInput()">New Button</button>
var newInp = "<
浏览 14提问于2019-01-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
