Задать onmouseover для всех объектов на странице

<span class='rumple' id=«w1» onmouseover='rumpleTits(this.id)'>Hello</span>
<span class='rumple' id=«w2» onmouseover='rumpleTits(this.id)'>world</span>
<span class='rumple' id=«w3» onmouseover='rumpleTits(this.id)'>et cetera</span>

<script>
var rumples = document.getElementsByClassName("rumple");
for ( var i = 0; i < rumples.length; i++) {
    rumples[i].onmouseover= function() {rumpleTits(this.id); };
}
</script>

window.onload = function () {
    document.getElementsByTagName('span').forEach(element => {
        element.onmouseover = function() {
            rumpleTits(this.id);
        }
    });
}

function filter_element(elem) {
  return true;
}

function cb_mouseover(evt) {
  if (filter_element(this)) {
    // Do something.
  }
}

document.addListener('mouseover', cb_mouseover, {"passive": true});