jquery 用角色按钮从span中触发JavaScript函数面临的问题

vfwfrxfs 于 2023-06-22 发布在 jQuery

关注(0)|答案(2)|浏览(120)

我正在构建表与输入类型的文本和跨度内的角色按钮。我想触发JavaScript函数时，用户点击跨度与角色按钮。这是我的跨度

<th>
            <span data-field=@COLUMN_NAME class="k-filtercell" data-role="filtercell">
                  <span>
                       <input id="COLUMN_NAME" data-bind="value: value" style="width:120px" aria-label="Name" title="Name" data-text-field=@COLUMN_NAME role="textbox"  aria-readonly="false" aria-autocomplete="list" >
                     <span unselectable="on" class="k-icon k-clear-value k-i-close k-hidden" title="clear" role="button" onclick="filterInputBtn();" tabindex="-1"></span>
                   </span>
            </span>
       </th>

我正在触发JavaScript函数

$(document).ready(function () {

            filterInputBtn = function () {
             var inputHTML = $(this).closest('input').val();
           }
        });

但是点击事件没有被触发。请让我知道如何触发点击事件从跨度与角色按钮

jquery

来源：https://stackoverflow.com/questions/61275967/facing-issue-in-triggering-javascript-function-from-span-with-role-button

2条答案

按热度按时间

bfnvny8b1#

因为你使用的是jQuery，所以正确的方法是在span上使用.on()监听器：

$(document).ready(function() {
  $("span[role=button]").on("click", function() {
    var inputHTML = $(this).prev('input').val();
    console.log(inputHTML)
  })
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <th>
    <span data-field=@COLUMN_NAME class="k-filtercell" data-role="filtercell">
                  <span>
                       <input id="COLUMN_NAME" data-bind="value: value" style="width:120px" aria-label="Name" title="Name" data-text-field=@COLUMN_NAME role="textbox"  aria-readonly="false" aria-autocomplete="list" type="text">
                     <span unselectable="on" class="k-icon k-clear-value k-i-close k-hidden" title="clear" role="button" tabindex="-1">Span Content</span>
    </span>
    </span>
  </th>
</table>

赞(0）回复(0）举报 2023-06-22

70gysomp2#

您没有在代码中的任何位置附加click事件

$(document).ready(function () {

        function filterInputBtn () {
         var inputHTML = $(this).closest('input').val();
       }
    });

在JavaScript中你必须首先使用关键字“function”，然后写上函数的名字
希望这能有所帮助

赞(0）回复(0）举报 2023-06-22

我来回答

jquery 用角色按钮从span中触发JavaScript函数面临的问题

2条答案

相关问题

热门标签

最新问答