title: How can I add event Listener to google sheets link in chrome extension's content script?
body: <p>I'm developing a chrome extension to open links from different columns to their assigned tab.
  Using <em>Google apps script API</em> to create a context of the sheet inside the chrome extension. But <em>Google apps script API</em> is a long path and I can't avoid opening and closing of tabs on clicking link form sheet.</p>
  
  <p>Now I want to add an event listener for click on sheet <em>link/tooltip link.</em>
  I am Already using a content script to inject a  panel in the sheet.</p>
  
  <p><strong>Here is code from (content script).</strong> related to the link.</p>
  
  <pre><code>(function() {
    let sheetLinks = document.querySelectorAll('.waffle-hyperlink-tooltip-link');
    for (let i = 0; i &lt; link.length; i++) {
      sheetLinks[i].addEventListener("click", sendHref);
    }
  
    function sendHref(e) {
      e.preventDefault()
      console.log('link was clicked')
    }
  })()
  </code></pre>
  
  <p>By hovering over google sheet link we can click a link in a tooltip.
  there I want to prevent-default and send Href by chrome message to background script.and from there I can update tabs URL.</p>