Javascript '；单击'；事件侦听器在小屏幕上不工作

我有一个表，它的每一行都有一个addEventlistener供单击。在较大的屏幕上可以很好地选择行，但在小屏幕上无法选择某些项目。 我使用的是纯JavaScript。我已经定义了相应的媒体查询，因此我认为这不应该是一个问题

这是我的代码：

var table_row=document.queryselectoral（'.table row'）//所有表行
window.onload=（）=>{//从以前的会话中清除本地存储
localStorage.clear（）；
table_row.forEach（元素=>{
元素。addEventListener（'单击'，（）=>{
//单击一行
id=element.getAttribute（'data-id'）；
state=element.getAttribute（'data-state'）；
如果（状态==“关闭”）{
//未选择
element.style.background=“#742173”；
element.style.color=“白色”；
setAttribute（'data-state'，'on'）；
//更改了当前元素的外观
if（上一个元素！=null）{
//将更改还原到上次选择
log（'prev_元素：'+prev_元素.childNodes[1].innerText））；
prev_element.style.background=“#f0efed”；
prev_element.style.color=“黑色”；
prev_element.setAttribute（'data-state'，'off'）；
}
//设置当前元素和上一个元素
prev_element=document.getElementById（id）；
log（'prev_元素：'+prev_元素.childNodes[1].innerText））；
}
});
});
}

航天器名称
起源
目的地
人均价格
ax12
第3区
扇区5A-12
450
ax13
火山口34
第3区
145
ax14
34号陨石坑
第3A-5区
250
ax15
扇区5A-12
LM-36
125
ax16
扇区5A-12
34号陨石坑
210
ax17
34号陨石坑
LM-36
500

我看不出屏幕大小会如何影响JavaScript。我猜你的小尺寸CSS会导致一些项目重叠。谢谢。实际上，一个文本与我的表格重叠。如果你删除了所有的CSS，它能工作吗？