输入类型文本和 onKeyDown 在 IE 下不起作用

Question

我正在编写一个 WWW 应用程序，它必须在 IE 下运行。我在 Firefox 下运行的代码有问题，但我无法让它在 IE 下运行。

// JS代码

function test()
{
    if (window.event.keyCode == 13)
        window.location.assign("myPage.php");
}

我在window.location 和location.href 以及document.location 周围尝试了一些类似的方法。我已经读到 IE 有这个问题，所以我寻求解决方案。

目标是，在<input type='text' name='item_code' onKeyDown='test()'> 中输入一些文本并单击enter 后，该页面会重新加载。所以结果类似于在文本输入下方按下提交类型按钮。

在 IE 中它会重新加载相同的页面，但没有任何反应。在 Firefox 中它可以正常工作。

更新 1：

bobince 给出的尝试解决方案。

<input type='text' name='item_code'>

<script type='text/javascript' >
 
document.getElementsByName('item_code')[0].onkeydown = function(event)
{
    if (event == undefined) { event = window.event; }
    if (event.keyCode == 13) { window.location = 'myPage.php'; }
        
    alert('1');
}
    
</script>";

问题是，如果有alert('1'); 行，页面会显示警报并重定向，如果没有alert('1'); 行，页面只会重新加载到自身。不知道这里有什么问题？

更新 2：

我正在粘贴最终对我有用的内容。

<form action='mainPage.php' method='POST'>
    <input type='text' name='item_code'>
</form>

<script type='text/javascript' >
    document.getElementsByName('item_code')[0].onkeydown= function(event)
    {
        if (event == undefined)
        {    
            event = window.event;
        }

        if (event.keyCode == 13)
        {
            var js_item_code = document.getElementsByName('item_code')[0].value;
            window.location = 'myPage.php?item_code='+js_item_code;
            return false;
        }
    };
</script>

Answer 1

试试这个。它之前对我有用。

 <input type="text" onKeyPress="KeyCheck"/>

 function KeyCheck(e) {
    var KeyID = (window.event) ? event.keyCode : e.keyCode;
    if (KeyID == 13 ) {
       alert('key pressed!!);
    }
  }

Answer 2

它应该可以正常工作。您可能遇到的两个潜在问题：

1. 众所周知，IE 在 location.href 中使用相对链接时会做一些奇怪的事情。你试过在里面放http://stackoverflow.com之类的东西吗？
2. 如果您在本地文件而不是 Web 服务器上进行测试，IE 中的安全设置可能会阻止正确的事情发生。

Answer 3

这很奇怪，因为您使用window.event 应该确保您的函数only 可以在 IE 中运行。当我尝试您的代码时，这肯定会发生在我身上。我怀疑你没有向我们展示更多内容。

使用内联事件处理程序属性以跨浏览器方式处理事件的常用方法是：

<input type="text" name="item_code" onkeydown="test(event)">

function test(event) {
    if (event.keyCode===13)
        window.location.href= 'myPage.php';
}

之所以有效，是因为属性中的event 指的是IE 中的全局window.event，而在其他所有浏览器中，它指的是传递给事件处理程序属性函数的名为event 的本地参数。

但是，通常认为最好避免事件处理程序属性并从 JavaScript 本身分配处理程序。在这种情况下，您需要检查一下使用哪个：

<input type="text" name="item_code">

// in a script block after the input, or in document-ready code
//
document.getElementsByName('item_code')[0].onkeydown= function(event) {
    if (event===undefined) event= window.event; // fix IE
    if (event.keyCode===13)
        window.location.href= 'myPage.php';
};

一般来说，我只会尝试捕获 Enter 按键以重现/更改默认表单提交行为作为最后的手段；如果可以让表单提交到您希望它去的地方，那就更好了。

Answer 4

jQuery 修复

document.onkeydown = function (e) {
    var event = jQuery.event.fix(e || window.event);
    var keycode = event.which;
    var isControl = event.ctrlKey;
}

Answer 5

有一种方法可以在不使用 html 代码上的 <form> 标记的情况下使其工作。

这是我发现的最简单的解决方案，至少适用于 IE、Chrome 和 Firefox：

$(function() {
  $("input#q").on('keydown', function(event) {
    if (event.which == 13) {
      document.location.assign("page.aspx?q=" + $("#q").val());
      return false;
    }
  });
});

<input name="q" type="text" />