Javascript 如何防止按钮单击时按钮内部跨距标记不可点击或无响应？

我创建的一个按钮有问题，基本上当我点击按钮时，它看起来非常没有反应，只有大约50%的时间会触发。目前，我在按钮内有一个span标记，我认为这可能会对按钮点击产生影响。这是正确的吗？如果是的话，防止跨度被点击的最佳方法是什么

按钮标记：

<button class="btn view-newest btn-inverse is-active">
 <i class="icon icon-star"></i>
 <span>Click the button</span>
</button>

点击按钮

然后我得到的是一个简单的.on-click事件？

标记不应该干扰jQuery-click事件监听器，如果这是您所有的代码；它不做任何花哨的事

这里有一个例子来证明这一点：

<button class="btn view-newest btn-inverse is-active">
 <i class="fa fa-star"></i>
 <span>Click the button</span>
</button>

<div id="timesClicked">Times clicked: </div>

<script>
    clicked = 0;
    $(".btn").on('click', function() {
        clicked++;
        $("#timesClicked").text("Times clicked: " + clicked)
   });
</script>

点击按钮
点击次数：
单击=0；
$（“.btn”）。在（'click'，function（）上{
单击++；
$（“#点击次数”）.text（“点击次数：+点击次数）
});

---

我会检查控制台是否有错误，确保只有一个事件侦听器，并且在正确的位置调用它，然后检查是否有任何松散的Javascript或CSS规则影响按钮。

您不需要阻止跨度被单击，只需侦听按钮上的所有单击事件即可。嘿，如何侦听按钮上所有单击的事件？jQuery（按钮）。单击（函数（）{do something..}）；嘿，是的，这就是我目前正在做的我使用了类似的按钮，没有任何问题。。。你能制作一个重现问题的JSFIDLE吗？