Javascript如何识别按钮被点击

标签 javascript

我有一个包含很多文章的页面。每篇文章都有一个删除按钮。如何识别文章中点击的按钮?

目前我有这个:

<button type="button" id="delete-article" class="btn btn-small btn-danger">Delete</button>

$('#delete-article').on('click', function(e) {
    console.log('Test delete article');
});

这会根据页面上的文章数量记录“测试删除文章”。

最佳答案

您可以将事件附加到按钮上并使用 this引用当前单击按钮的对象:

$('button').on('click', function(e) {
    console.log(this.id);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" id="delete-article" class="btn btn-small btn-danger">Delete</button>
<button type="button" id="delete-article-2" class="btn btn-small btn-danger">Delete</button>

关于Javascript如何识别按钮被点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58540273/

相关文章:

javascript - 使用 Chutzpah 和 VS2012 在 HTML 页面中运行 JS 测试

javascript - 对有关脚本标签类型属性的特殊 JavaScript 问题感到好奇

javascript - 从 javascript 变量获取 InnerHtml

JavaScript TicTacToe 不是只在末尾添加一个数字,而是将其添加到总计中

javascript - 如何将div放在 Canvas 上

javascript - 单击事件不适用于 jquery 中动态更改的类

javascript - 通过Yii2表单插入数据时获取空值

javascript - Jquery .text() 与 php foreach

javascript - 解码奇怪的 JavaScript 代码

javascript - 如何使用嵌套正则表达式