JavaScriptのイベント系デバッグ作業 ステップ実行を試せるのか知りたい

本件は自身掲載の前回の案件に引き続き、JSの大変初歩的な質問です。
当初当方は以下のコーディングをクリックイベント自体の意味合いと解釈してしまっていたのですが、≪対象要素へイベント内容を登録する意味合いが本来≫、と理解を改めることができました（.onclick=の記載で確かにそうだ、と納得）。

document.addEventListener("DOMContentLoaded", function(){
    document.getElementById("text-button").onclick = function() {
        document.getElementById("text").innerHTML = "クリックされた！";
        console.log("You're getting on my nerves!");
    };
});

そこで、また別の疑問が沸いてきてしまいました。

ブラウザの開発ツールで、ブレークポイントを付けてステップ実行できれば　デバッグが本当にはかどるだろうなぁと以前から考えてきました。
認識を誤っていた自分は、上記のような要素へのイベント登録のコーディング部分にブレークポイントをはって、クリック時の通過具合を検証していた気がします。（ステップ実行できた試しがない）

素人考えでExcelVBAのようにイベントの発火時にブレークポイントを仕掛けられれば、と思ってきたのですが、先のコーディングの意味合いからするとJSでは　それは無理=イベント察知部分にブレークポイントを仕掛けることはできない、ということなのでしょうか

イベント察知ができている・できていない、という確認作業は作業の上で頻発することだと思うのですが、皆様は如何しているのでしょうか？

妙な質問で申し訳ありませんがご見解を頂けましたら幸いです。