'onclick'事件在HTML块中无法在移动设备上工作

Question

我有一个flexbox表格，其单元格中有两个JS图表。为每个图块添加“onclick”事件。当您点击图表时，'onclick'事件应该将您重定向到某个页面。它在桌面浏览器上运行良好，但在移动设备上，您必须点击该单元约10次才能触发事件。我究竟做错了什么？

<div class="Table-row"> 
    <div class="Table-row-item padding_mod chart_mod">$2,456</div> 
    <div class="Table-row-item chart_mod chart_no_pad_mod"> 
    <div class="chart_container chart_mod"> 
     <div id="allBranchNutChart" onclick="window.location ='sales_details.html';" class="chart_item table_mod"></div> 
    </div> 
    </div> 
    <div class="Table-row-item u-Flex-grow2 chart_mod chart_no_pad_mod"> 
    <div class="chart_container chart_mod chart_no_pad_mod"> 
     <div id="allBranchColumnChart" onclick="window.location ='sales_details.html';" class="chart_item table_mod"></div> 
    </div> 
    </div> 
</div> 

Answer 1

也许你可以测试这个

<script type="text/javascript"> 
 
function redir_sales_details() 
 
{ 
 
    window.location='sales_details.html'; 
 
} 
 
</script> 
 
<div id="allBranchColumnChart" onclick="redir_sales_details()" class="chart_item table_mod"></div>

只是做一些小功能