ASP .NET - 提交关于输入 - 防止“defaultbutton”当其他按钮具有焦点

Question

我有由以下的搜索表单...

<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（这正得益于在asp:panel的DefaultButton属性）

的问题是，当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. 在pageload上运行以下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); 
       }); 
   
   }); 
   

Answer 1

看到面板生成html

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

所以，当btnReset的onfocus我们打破面板的onkeypress事件时，下面添加到btnReset， 记得btnReset的onblur，改变面板按键来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" .../> 

Answer 2

您需要更改面板的DefaultButton属性，但是这将在同一时间只有一个工作，更好的方式是到了Javascript捕捉到相应的输入事件和过程。

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