document.location.href 未更新共享点中的 onkeypress

Question

我在通过回车键访问时执行页面重定向功能时遇到问题。基本上，onkeypress=Enter 或单击“搜索”时，页面应重定向到预设 URL 并将搜索字符串附加到查询中。

如果我手动单击“搜索”，重定向会起作用，但是，如果我只是按回车键，则重定向不会起作用。我添加了一个警报以确保搜索功能正在触发，但 document.location.href 没有重定向页面。在 FF4 中，它刷新页面（但保留搜索字符串）。在 IE7 中，它会关闭窗口。

[编辑] 我在 Sharepoint 网站上使用它似乎是相关的。该代码在 Sharepoint 之外运行良好。 [/编辑]

下面的示例简化了我所实现的内容，但重现了问题。

<script type="text/javascript">
function mySearch() {
    var SearchString = document.getElementById("SearchBox").value;
    var url = "http://stackoverflow.com/search?q="+SearchString;
    alert(SearchString);
    document.location.href = url;
}
</script>
<input id="SearchBox" onkeypress="if (event.keyCode == 13) mySearch();"/>&nbsp;
<a id="SearchButton" href="javascript:mySearch();" />Search</a>

有人可以帮忙吗？

Answer 1

尝试：

window.location = url; // instead of: document.location.href = url;

您的注册代码似乎在这里工作： http://jsfiddle.net/maniator/RzhXy/

Answer 2

您可以将： 替换

document.location.href = url;

为：

window.document.aspnetForm.action = url;

这在 SharePoint 2010 网站中对我有用

Answer 3

我在 XPages (IBM) 上也遇到了同样的问题。我认为这些框架有一些共同的问题。我所做的是在触发 window.location.href 之前对事件使用 PreventDefault() 函数。

if(thisEvent.keyCode == 13){
    thisEvent.preventDefault();
    window.location.href = "newpage.html";
}

我无法解释为什么它有效；我刚刚尝试了瞧！我希望它对将来的人有所帮助。 （现在我可以收回赏金了呵呵）

Answer 4

摆脱.href。只需设置 set document.location 即可更改 URL。您当前的版本应该可以工作...

document.location = url;

Answer 5

确保您绝对没有其他操作来响应 onkeyup 事件，在我的例子中，window.onkeyup 正在调用一些其他元素的 onclick 处理程序，一切都变得一团糟。

Answer 6

只是试试这个

<script type="text/javascript">
    function mySearch()
    {
        if(event.keyCode==13)
        {
            var SearchString = document.getElementById("SearchBox").value;
            var url = "http://stackoverflow.com/search?q="+SearchString;
            alert(SearchString);
            document.location.href = url;
        }
    }
</script>
<input id="SearchBox" onkeypress="mySearch();"/> 
<a id="SearchButton" href="javascript:mySearch();" />Search</a>

顺便说一句，你的旧功能在我的所有浏览器上运行良好

Answer 7

手动点击有效吗？然后您就可以获得快速修复解决方案！
if (event.keyCode == 13) document.getElementById('SearchButton').click();

如果它不起作用，也可以尝试 .onclick()。

Answer 8

在 SharePoint 2010 CWEP 中测试了原始代码，它似乎可以在 IE7 中工作，
在 SharePoint 2007 CEWP 中进行了测试，它可以在 IE9 和 FF4

Stab 中正常工作，但您可以尝试删除具有错误返回值的单个函数调用的内联代码。我以前在 SharePoint 中遇到过类似的问题。

<script type="text/javascript">
function myKeypress(){
   if (event.keyCode == 13) 
     mySearch();
   return false;
}

function mySearch() {
    var SearchString = document.getElementById("SearchBox").value;
    var url = "http://stackoverflow.com/search?q="+SearchString;
    alert(SearchString);
    document.location.href = url;
}
</script>
<input id="SearchBox" onkeypress="myKeypress();"/>
<a id="SearchButton" href="javascript:mySearch();">Search</a> 

Answer 9

添加 return false 以停止 asp.net 表单继续处理

<script type="text/javascript">
function mySearch() {
    var SearchString = document.getElementById("SearchBox").value;
    var url = "http://stackoverflow.com/search?q="+SearchString;
    alert(SearchString);
    document.location.href = url;
    //add return false to stop asp.net form from continuing to process
    return false;
}
</script>
<input id="SearchBox" onkeypress="if (event.keyCode == 13) mySearch();"/> 
<a id="SearchButton" href="javascript:mySearch();" />Search</a>