javascript - 如何在一行代码中跟踪元素 ID 而不是多个脚本

Question

我正在尝试跟踪页面上的多个按钮，并且我设法通过多次复制粘贴来使用当前代码来做到这一点，但我想缩短它。但是，我不知道如何做到这一点。

<script type="text/javascript">
  var button = document.getElementById('lp-pom-button-201');
  button.addEventListener(
    'click', 
    function() { 
      fbq('track', 'click to call', {
        tracking_number: 'Phone Number',
      });          
    },
    false
  );
</script>

Answer 1

您可以使用回调而不是每次都重新创建函数
您可以通过以下方式实现:

<script type="text/javascript">
  var button = document.getElementById('lp-pom-button-201');
  
  function myCallback() { 
      fbq('track', 'click to call', {
        tracking_number: 'Phone Number',
      });          
    }
  
  button.addEventListener('click', myCallback, false);
</script>

通过这种方式，您只需将事件绑定(bind)到一个按钮并在单个函数中集中管理它。

更多关于回调: https://developer.mozilla.org/en-US/docs/Glossary/Callback_function