如何使跨度可点击？

Question

我有此代码：

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

结果是：

如果用户键入一些文本并按Enter，则可以正常工作。搜索工作正常。但是“搜索”按钮不起作用。它只是停留而不能单击。如何在不丢失外观的情况下使“搜索”按钮可点击？

Answer 1

添加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可以是触发输入时提交的功能。

Answer 2

只需将一个id添加到span元素，然后在js文件中，在您单击该事件时将事件附加到该id，然后触发该事件。

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