搜索按钮点击事件

发布于 2024-12-07 09:13:00 字数 336 浏览 2 评论 0原文

当我按下回车键时，效果很好。不过，我还想通过单击文本框中的搜索按钮来执行搜索。我添加了 oncommand 属性，它执行了搜索，但是搜索结束后，搜索按钮变成了十字。我点击了十字，它再次执行了搜索。我检查了文档，但是找不到有关如何将搜索按钮单击与搜索事件关联的任何信息。

    <textbox id="txt1" type="search" searchbutton="true" editable="true"
    onkeypress="keyHandler(event);" />

原文

When I press enter it works great. However I also want to perform search by clicking the searchbutton in the text box. I added oncommand attribute, it performed the search however after search ended, searchbutton changed into a cross. I clicked the cross it performed the search again. I checked the documentation however could not find any information about how to associate my searchbutton click with search event.

    <textbox id="txt1" type="search" searchbutton="true" editable="true"
    onkeypress="keyHandler(event);" />

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

眼泪淡了忧伤 2024-12-14 09:13:00

首先附注：不要直接处理点击或按键，始终使用 command 事件 - 这可以确保元素的行为与用户的期望一致。

假设执行相同的搜索两次是没有意义的。因此，执行搜索后，搜索按钮会变成十字，单击该十字会清除搜索文本（当然还会触发新的命令事件）。如果您更改搜索文本而不是单击十字，您将再次获得通常的搜索按钮。因此，您的命令处理程序应该查看搜索文本：如果文本为空，则显示默认结果（手动或按十字清除搜索文本），如果文本非空，则执行新搜索。

回复收藏 0 原文

半城柳色半声笛 2024-12-14 09:13:00

该解决方案可能与您的问题不符，但这将为完成您的任务提供一个想法。

XUL 文本框：

<textbox id="textbox" type="search" oncommand="SearchKeyword(this)"/>

Js：

function SearchKeyword(oElem) // Function for search for the characters
        {
         var filter = document.getElementById("textbox");
         filter.setAttribute("value", oElem.value);
         document.getElementById("myTodoListTree").builder.rebuild();
      }

This solution is mayn't corresponding to your problem but this will give an idea to finsh your task.

XUL Textbox:

<textbox id="textbox" type="search" oncommand="SearchKeyword(this)"/>

Js:

function SearchKeyword(oElem) // Function for search for the characters
        {
         var filter = document.getElementById("textbox");
         filter.setAttribute("value", oElem.value);
         document.getElementById("myTodoListTree").builder.rebuild();
      }

回复收藏 0 原文

~没有更多了~