javascript - 如何使用类之类的东西将 onclick 代码移动到一个地方。在各种 html 标签处重复代码

Question

onclick="triggersTracking($(this).attr('a'),$(this).attr('b'),$(this).attr('c'),Enum.BtnSellerView)"

我在各种 HTML 标签/按钮上都有这一行。我想将这段代码移到一个地方以提高可维护性。问题是自枚举以来我传递的第三个/最后一个属性，它具有从不同标记元素传递的不同值。

我怎样才能将它移动到一个可以调用它的公共(public)位置。例如，如果我只有这些 (this).attr，我就可以创建一个类，因为它对每个标签都是通用的。

Answer 1

你可以这样做

1. 给所有元素一个通用的类名
2. 然后为每个具有相应值的标签添加数据属性“data-enum”。

那么你可以这样写代码，

$(".className").click(function () {
    var a = $(this).attr('a');
    var b = $(this).attr('b');
    var c = $(this).attr('c');
    var enum = $(this).data('enum');
});