Javascript 语义正确性onclick on div

将单击事件处理程序附加到本身没有任何语义含义的div或span是否错误

<div id="my-div"></div>
<script>
    var el = document.getElementById("my-div");
    el.addEventListener("click", function() {
       alert('div clicked but does it make sence?')
    }, false);
</script>

var el=document.getElementById（“我的div”）；
el.addEventListener（“单击”，函数（）{
警报（'div已单击，但有意义吗？'）
}，假）；

我倾向于将与路线更改无关的操作添加到按钮中，但我不认为在其他任何操作上这样做是错误的。事实上，即使您单击一个按钮，该事件也会冒泡到它的父元素。我们经常看到在div甚至body上单击handler来关闭一个模态。您向元素添加了一个

id

，这一事实赋予了它语义含义。所以，不，这样做是正确的。