javascript - html タグを含む html ボタンを押すとターゲットが間違っている

Question

4 つのボタンがあり、どのボタンが押されたかを追跡したいと考えています。それらのいくつかでは、innerHTML プロパティを HTML タグで変更しました。次に、ボタンが押されたときに、mouseEvent.target がボタンではなくテキスト自体である可能性があることに気付きました。これは、html-tag-modified ボタンが押されたときにのみ発生します。

js コードの一部を次に示します。

for (var i = 0; i < 4; i++){        
    buttons[i].innerHTML = countries[index]["c"];
    buttons[i].onclick = clickHandler;

}

buttons[correct_btn].innerHTML = "<some-tag>" + countries[target_id]["c"] + "</some-tag>";

function clickHandler(me){
    console.log(me.target);
}

問題を明確に説明したことを願っています。ボタンに html タグがなくても問題は解決できましたが、ボタンのテキストが対象にならないようにする方法はあるのでしょうか。それとも、ボタンをトレースする私のアプローチが最初から間違っていたのでしょうか?