Inline(html) onclick 功能在移动设备上无法正常工作

Question

我有一个具有“onclick”功能的 div html 标签。在移动设备上，对于 iPhone 12 上的特定网络浏览器（黑莓工作），我必须多次单击特定的 div 才能调用 onclick 功能。我在 StackOverflow 上研究过类似的问题，但他们都在谈论使用 $('#div').on('click touchstart')。就我而言，我不能这样做。我正在寻找能够在不影响用户体验的情况下始终适用于桌面和移动页面的替代解决方案。

function changeText(){
$("#text-tag").text('Text replaced');
}

.div-button {
border-radius:50%;
border: 1px solid blue;
background: blue;
width:30px;
height:30px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h4> Click on the blue circle to do magic!</h4>
<div class="div-button" onclick="changeText()">
</div>
<p id="text-tag">This text will be replaced</p>