Как сделать интервал кликабельным?

Question

У меня есть этот код:

    <span class="glyphicon glyphicon-search"></span>
    @Html.TextBox("text", Model.Search.text, new {placeholder = Html.T("Поиск"), @class = "form-control"})

и в результате этот:

Это нормально работает, если пользовательвведите текст и нажмите Enter.Поиск работает нормально.Но кнопка «поиск» не работает.Это просто остаться и не кликабельно.Как сделать так, чтобы кнопка «поиск» была кликабельной без потери внешнего вида?

Answer 1

Просто добавьте идентификатор к элементу span, а затем в js-файле добавьте событие к этому идентификатору, когда вы щелкнете по нему, и когда это произойдет, вызовите функциональность.

Пример <span class="glyphicon glyphicon-search" id = "icon"></span>

$(document).ready(function(){
  
  $("#icon").click(function(){
    
    alert("Hi");
  
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<span class="glyphicon glyphicon-search" id = "icon">Hello, click me!</span>

Answer 2

Добавить событие onclick.(https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick)

<span class="glyphicon glyphicon-search" onclick="myFunction()"></span>
@Html.TextBox("text", Model.Search.text, new {placeholder = Html.T("Поиск"), @class = "form-control"}

myfunction может быть функцией, которая запускает отправку на ваш вход.