1

我有一个包含以下内容的搜索表单...

<asp:Panel DefaultButton="btnSearch" ... >

    [...search criteria fields...]

    <asp:Button ID="btnReset" OnClick="btnReset_Click" ... />
    <asp:Button ID="btnSearch" OnClick="btnSearch_Click" ... />

</asp:Panel>

所需的行为是按下Enter键应该调用btnSearch_Click（这要归功于 中的DefaultButton属性asp:panel）

问题是当btnReset有焦点时，按下Enter应该调用btnReset_Click（它没有 - 它总是btnSearch）。

这是否很容易以某种方式实现，或者我将不得不破解一些定制的 JS 来拦截 .NET 的defaultButton事件处理程序？

提前致谢。

ETA：这是我根据 HenryChuang 在下面接受的答案采用的可重复使用的解决方案。

  1. preventDefaultButton向面板添加自定义属性。

    <asp:Panel DefaultButton="btnSearch" preventDefaultButton="btnReset" >

    [...search criteria fields...]

    <asp:Button ID="btnReset" OnClick="btnReset_Click" ... />        
    <asp:Button ID="btnSearch" OnClick="btnSearch_Click" ... />

</asp:Panel>

  2. 在页面加载时运行以下 jQuery。

    $("div[preventDefaultButton]").each(function () {

    var div = $(this);
    var keypressEvent = div.attr("onkeypress");
    var btn = $("input[id$=" + div.attr("preventDefaultButton") + "]");

    btn.on("focus", { div: div }, function (event) {
        event.data.div.attr("onkeypress", "");
    });

    btn.on("blur", { div: div, keypressEvent: keypressEvent }, function (event) {
        event.data.div.attr("onkeypress", event.data.keypressEvent);
    });

});
4

2 回答 2

0

您需要更改DefaultButton面板的属性，但这一次只能用于一个，更好的方法是让 Javascript 捕获输入事件并相应地进行处理。

一种方法可以是多个面板，请查看http://www.jstawski.com/archive/2008/09/23/multiple-default-buttons.aspx

于 2013-05-20T07:12:51.693 回答
0

看面板生成html

<div id="yourPanelClientID" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'btnSearch')">

所以，当 btnReset onfocus 时，我们打破 Panel 的 onkeypress 事件，将下面添加到 btnReset，记住当 btnReset onblur 时，将 Panel keypress 更改为 oringinal

onfocus="document.getElementById('yourPanelClientID').onkeypress = '';"
onblur="funA();"
function funA() {
        document.getElementById('yourPanelClientID').onkeypress = function () { return WebForm_FireDefaultButton(event, "btnSearch") };
    }

像这样

 <asp:Button ID="btnReset"
 onfocus="document.getElementById('yourPanelClientID').onkeypress = '';" 
onblur="funA();"
onclick="btnReset_Click" .../>
于 2013-05-20T07:34:54.017 回答