我在WordPress博客中得到了一个自定义搜索表单，我在文本小部件的侧边栏中有这个搜索代码。
<div class="search-form">
<input type="text" value="" class="input-txt" id="search-txt"/>
<input type="submit" value="Search" class="input-btn" id="idsubmit" onClick="search_redirect()"/>
<script type="text/javascript">
function search_redirect(){
text_val = document.getElementById('search-txt').value;
if(text_val!=''){
url_re = 'http://bizisearch.com/search?page=1&limit=20&engine=spider&type=web&query='+'"'+text_val+'"';
window.location = url_re;
} else {
alert('search input is required');
}
}
window.onload = function(){
document.getElementById('testfield').onkeypress = function(e){
if (!e) e = window.event;
var keyCode = e.keyCode || e.which;
if (keyCode == '13'){
search_redirect();
return false;
}
}
}
</script>
</div>
我希望搜索结果为"在新选项卡中打开"，我可以按"ENTER"键进行搜索。。。。
有教程吗？或者你能指导我怎么做吗？？？
感谢
您无法控制如何在新选项卡中打开。回车可以通过在回车键上捕获一个点击事件并在该事件中调用函数来完成。
在JQuery:中输入事件
$( document ).ready(function() {
$('.input-btn').keydown(function (e){
if(e.keyCode == 13){
search_redirect();
}
})
});
如果未包含JQuery，请确保包含JQuery：或者按照本指南以更好的方式包含它。
在纯Javascript中：（你应该给你的按钮一个id）
window.onload = function(){
document.getElementById('testfield').onkeypress = function(e){
if (!e) e = window.event;
var keyCode = e.keyCode || e.which;
if (keyCode == '13'){
search_redirect();
return false;
}
}
}