DNN：使用 Enter 键提交搜索

Question

在DotNetNuke中，如何让搜索输入框在用户敲回车时“搜索”？标记如下所示：

<div class="search">
     <input type="text" placeholder="Search..." value="" name="q">
     <a class="button" href="#">Search</a>
</div>

有一个按钮，单击时它会起作用，但客户端要求在键盘上按 Enter 键做同样的事情。搜索功能正常工作，我担心在尝试实现此功能时会破坏它。

我正在为一名在未通知的情况下辞职的员工进行回填。我是一名平面设计师，但对 ASP.NET MVC 有一定的了解。我对 DNN 的经验为零，尝试阅读他们网站上的文档，但它似乎是用另一种语言编写的。我希望有人可以用外行的英语向我解释这一点。

谢谢！

PS - 我检查了这个线程；没有帮助：Submit Search on Enter Key?

Answer 1

我知道我参加聚会有点晚了，但我偶然发现了这个问题，并且有一个特定的 DNN 答案。

 DotNetNuke.UI.Utilities.ClientAPI.RegisterKeyCapture(txtSearch, btnSearch, 13);

将其放在 PageLoad 或 PreInit 等中。

这不是 MVC 答案，那些已经在这个线程中，并且控件必须是带有 runat="server" 等的标准 webforms 样式控件。

DNN 6.2 确实引入了服务框架，因此您可以针对它进行更多的 MVC/MVVM 样式编码，但如果您运行的版本低于该版本，则此代码将派上用场。

谢谢。

Answer 2

jsFiddle link

基本上你想在 keydown 上检查 keycode 13（这是 Enter 按钮），然后提交你的表单/你必须搜索的任何逻辑！

$('.search').keydown(function (e) {

  var code = (e.keyCode ? e.keyCode : e.which);
  if (code === 13) { //Enter keycode
     //whatever logic you have for submitting the actual form
     alert('submit hit');
     $('.button').trigger('click');
  }

});

​

Answer 3

asp.net 提供了更好的方法来轻松做到这一点：

<asp:panel id="pnlSearch" runat="server" cssclass="search" defaultbutton="btnSerach">
     <input type="text" placeholder="Search..." value="" name="q">
     <asp:linkbutton id="btnSerach" cssclass="button">Search</asp:linkbutton>
</div>

请注意 asp:panel 具有 DefaultButton 属性，它可以解决问题。