如何防止按钮内部span标签在按钮点击时不可点击或无响应

how to prevent button inner span tag unclickable or unresponsive when button clicked?

本文关键字：按钮 响应 何防止 span 标签 内部      更新时间：2023-09-26

我创建的按钮有问题，基本上当我点击按钮时，它似乎没有反应，只有大约50%的时间会启动。目前，我在按钮内有一个span标签，我想这可能会对按钮点击产生影响。这是对的吗？如果是，防止跨度被点击的最佳方法是什么？

按钮标记：

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

然后我得到的是一个简单的点击事件？

<span>标记不应该干扰jQuery点击事件监听器，如果这是您所拥有的所有代码；它没有做任何花哨的事。

这里有一个JSFiddle演示：

<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>

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

相关文章：