javascript - 如何为 anchor 实现通用点击事件

标签 javascript jquery

我有一个 PHP 脚本可以抛出一堆按钮(格式化以备不时之需):

<a class="ClassInfo" id="id">Name</a>

文件是动态检索的,可以有尽可能多的按钮,可能没有,也可能有一百万个(尽管不太可能)。

我需要为此使用 JavaScript,不能只是将用户重定向到另一个网站(主要是因为该操作被大量重复并且变得非常乏味。)。

我是否可以使用 JavaScript + jQuery 的某种组合来检测按下了哪个按钮并进行适当的操作?

我希望的例子是这样的:

  • 用户单击其中一个按钮(具有其唯一 ID 号)。
  • JavaScript 检测点击了哪个按钮(我不能只使用固定代码作为按钮的数量,而且 id 可以随时更改)
  • JavaScript 发出 Ajax 请求并执行一些奇特的操作(我已经介绍了这部分内容)

现在我可以检测点击了哪个按钮吗?

最佳答案

事件对象的 target 属性会告诉您点击了哪个元素。

document.addEventListener('click', function (e) {
  var target = e.target;
  if (target.tagName && target.tagName.toLowerCase() == "a") {
    alert(target.id);
  }
});

参见 a live demo

关于javascript - 如何为 anchor 实现通用点击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16343100/

相关文章:

jquery - 在没有 Rails 内置帮助程序的情况下使用 AJAX 的最佳实践?

JavaScript 函数参数

jquery - 我们如何使用 Angular JS 在本地存储 Shield UI TreeView 数据

javascript - 通过鼠标调整图像大小

javascript - 如何使 JS 和 CSS 内联用于 eBay 模板?

javascript - 创建类型为 ="image"的 &lt;input&gt;,它重定向到另一个带参数的 aspx 页面

javascript - 将事件发送到 GA 的正确方法是什么?

java - 如何在 HTML 字符串中转义 JavaScript,同时保持 HTML 不转义?

javascript - 使用 gulp-uglify 保留 SSI(服务器端包括)声明

Javascript在可编辑的表格上移动光标在保存行上移动