How to keep the content script alive in a tab even if user navigates to another page in chrome extension?

See more:

Javascript

CSS

HTML

Problem :
Whenever I click the 'record' button, it successfully captures both events on the active tab (the tab from which I had my last focus). But, when I click on any hyperlink on the page, then the page navigates to another page on the same tab. I am then not able to detect any of the events on the new page, even though they are in the same tab.

How can I keep the myScript (contentScript) alive after user navigates to other link in same chrome tab. I am stuck at this stage really bad.

What I have tried:

All Files Gist