I have a function which detects when user press TAB key. Main goal is to check if user navigates to anchor elements. I want to remove tittle attribute from it, but when he press tab again and go to another element, I want to restore title back. At this point I'm removing it on focus and set data-title property. I thought maybe I can restore title from data-title attribute on blur. Is there any way to achieve it?

```js
function checkTabPress (e) {
      let activeElement
      if (e.keyCode === 9) {
        activeElement = document.activeElement
        if (activeElement.tagName.toLowerCase() === 'a') {
          activeElement.setAttribute('data-title', activeElement.getAttribute('title'))
          activeElement.removeAttribute('title')
        }
      }
    }

    const wrapper = document.getElementById('wrapper')
    wrapper.addEventListener('keyup', checkTabPress)
```

```css
a:focus {
  color: red;
}
```

```html
<div id="wrapper">
  <a title="link 1" href="">link 1</a>
  <a title="link 2" href="">link 2</a>
  <a title="link 3" href="">link 3</a>
  <a title="link 4" href="">link 4</a>
</div>
```