规避asp事件处理程序

Question

我想通过更改 VB.Net 页面中某些 javascript 中的“window.location”值来引起浏览器重定向。当我单击“Go”按钮时，下面的代码可以正常工作：出现警报并且浏览器已成功重定向。如果我从文本中按“输入”，也会发生同样的情况，框这不起作用。我确实看到了警报，但浏览器仍停留在同一页面上。

如果我删除对 ASP 母版页的引用，“输入”功能就会开始工作，所以也许其中的某些内容正在处理按键事件并终止重定向指令？

顺便说一句，我最初是使用 .Net 组件“正常”执行此操作，并在单击提交按钮时执行回发。但奇怪的是，这导致目标页面加载两次，导致页面闪烁，并且通常效率低下。无论如何，我认为没有任何理由涉及所有 .Net 开销，因此我希望通过简单的客户端脚本来完成它。

有谁知道如何在 .Net 干扰的情况下让“输入”键功能正常工作？或者我是不是找错了方向，应该回到常规的 .Net 回发？

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

<script type="text/javascript">
  function clickHandler() {
    var dropdown = document.getElementById("dropdown");
    var entityID = document.getElementById("textOne").value;
    var destination = dropdown.options(dropdown.selectedIndex).value + entityID;
    alert(destination);
    location = destination;
  }

  function goIfEnterPressed() {
    if ((event.which && event.which != 13) || (event.keyCode && event.keyCode != 13)) {
      return false;
    }
    clickHandler();
  }

</script>
</asp:Content>
<asp:Content ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
  <select id="dropdown">
    <option value="Page1.aspx?typeOneID=">One</option>
    <option value="Page2.aspx?typeTwoID=">Two</option>
    <option value="Page3.aspx?typeThreeID=">Three</option>
  </select>
  <br />
  <input id="textOne" onkeypress="goIfEnterPressed()"/>
  <br />
  <input type="button" value="Go" onclick="clickHandler()" />
</asp:Content>

Answer 1

您的 Enter 事件可能会被 .Net javascript 内容捕获。通常在这种情况下，我会在开始工作之前阻止事件的默认行为。我不知道你是否使用 jQuery，但代码会是这样的：

  $('#buttonid').keydown(function(e) {
     if (e.keyCode == 13) {
       e.preventDefault();
       //do whatever you want here.
     }
   });

Answer 2

您的 MasterPage 内容中是否有一个按钮？这听起来不像是 .NET 问题，听起来更像是对 HTML 标准的误解。由于您的所有内容都位于单个

元素内，因此浏览器将根据在页面上找到的第一个 按钮提交页面。您可以通过将内容分组到 中并将其 DefaultButton 属性设置为提交按钮的 ID 来解决此问题。您也许还可以设置文本框和按钮的 ValidationGroup 属性来完成相同的操作，但我无法确定这在这种情况下是否有效，或者是否仅影响验证控件。

Answer 3

您没有将事件传递到事件处理程序中。这可能是您问题的一部分 - 至少在 IE 以外的浏览器中是这样。

<input id="textOne" onkeypress="goIfEnterPressed(event)"/>

function goIfEnterPressed(e) {
    if (e.keyCode == 13) {
        clickHandler();
    }
}

另外，你真的想为非输入键返回 false 吗？看来您正试图取消该活动，但我认为这不会像所写的那样有效。但是，如果它确实有效，您将阻止在文本框中输入任何文本。似乎是一种奇怪的行为。