单击按钮文本时未触发客户端按钮单击事件答案

【问题标题】：Client Button Click event not triggered when clicking on button text单击按钮文本时未触发客户端按钮单击事件
【发布时间】：2019-07-05 21:27:07
【问题描述】：

我正在使用带有 FontAwesome 图标和文本的 RadToolBar 按钮。当我点击按钮上的 FontAwesome 图标时，它会触发 OnClientButtonClicked 函数，但是当我点击按钮文本时，它不会触发。

我尝试了搜索，但没有找到任何解决方案，如何解决这个问题，我缺少什么？

function OnClientButtonClicked(sender,args)
    {
        var button = args.get_item();

        if (button._properties._data.text == "ADD Step")
        {
            //TODO:
        }            
    }




<telerik:RadToolBar ID="RadToolBar1" runat="server" OnClientButtonClicked="OnClientButtonClicked">
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
    <Items>
        <telerik:RadToolBarButton runat="server" Text="ADD Step">                                            
                <ItemTemplate>
                    <button class="btn tertiary medium" type="button"><i class="fa fa-plus-circle"></i> Add Step</button>
                </ItemTemplate>
        </telerik:RadToolBarButton>
        <telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton>
        <telerik:RadToolBarButton runat="server" Text="Import Step">
                <ItemTemplate>
                    <button class="btn tertiary medium" type="button"><i class="fa fa-arrow-alt-circle-down"></i>Import Step</button>
                </ItemTemplate>                                             
        </telerik:RadToolBarButton>
    </Items>
</telerik:RadToolBar>

【问题讨论】：

你试过console.log(button._properties._data.text)。是添加步骤吗？
@mstfyldzit 对我的问题无关紧要。是的，我试过了，它的日志添加步骤，我的问题是当我点击按钮图标时会调用“OnClientButtonClicked”，但是如果我点击按钮文本它不会调用。

标签： javascript asp.net telerik

【解决方案1】：

尝试将其放入具有最小大小的<span>。我认为这会触发。或进入一个或一些 HTML 标记。

<ItemTemplate>
 <button class="btn tertiary medium" type="button"><i class="fa fa-plus-circle"></i> <span>Add Step</span></button>
</ItemTemplate>

【讨论】：

您的回答与我的问题无关。
我已经编辑了答案。对不起，我明白了其他事情:)
感谢您的提示，我尝试在文本周围添加
和
标签，但它会将文本包裹在按钮图标下方。我将文本放入并按预期工作。我要求您更新答案。你能告诉我，你是怎么得到这个的？
不客气。我在尝试创建可点击文本时遇到了同样的问题。这似乎是同一个问题。