绕过asp事件处理程序

Question

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

如果我删除了对 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 标准的误解。因为您的所有内容都在单个 <form> 元素内，所以浏览器将根据在您的页面上找到的第一个 <submit> 按钮提交页面。您可以通过将内容分组到 <asp:Panel> 中并将其 DefaultButton 属性设置为提交按钮的 ID 来解决此问题。您还可以设置文本框和按钮的 ValidationGroup 属性来完成相同的操作，但我无法确定这是否适用于这种情况，或者是否只影响验证控件。

Answer 3

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

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

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

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