我正在开发搜索功能,我做得很好,得到了我想要的结果。我有一个搜索文本字段,可以允许用户键入值,JavaScript 将帮助我获取文本字段值的相关数据。现在,我希望当我使用“Enter”按钮按下文本字段时,它可以起作用。一旦我按下“Enter”按钮,它会将我重定向到一个新页面,其中显示我在文本字段中键入的关键字的所有相关数据。
这是我在 HTML 页面中的 JavaScript 和 HTML 代码:
<script>
$(document).ready(function() {
// Icon Click Focus
$('div.icon').click(function(){
$('input#search').focus();
});
// Live Search
// On Search Submit and Get Results
function search() {
var query_value = $('input#search').val();
$('b#search-string').html(query_value);
if(query_value !== ''){
$.ajax({
type: "POST",
url: "search.php",
data: { query: query_value },
cache: false,
success: function(html){
$("ul#results").html(html);
}
});
}return false;
}
$("input#search").live("keyup", function(e) {
// Set Timeout
clearTimeout($.data(this, 'timer'));
// Set Search String
var search_string = $(this).val();
// Do Search
if (search_string == '') {
$("ul#results").fadeOut();
$('h4#results-text').fadeOut();
}else{
$("ul#results").fadeIn();
$('h4#results-text').fadeIn();
$(this).data('timer', setTimeout(search, 0));
};
});
});
</script>
SEARCH<input type="text" id="search" autocomplete="off">
<ul id="results" style="display:none"></ul>
在文本中键入值后,JavaScript 将调用 search.php 来获取所有相关数据。但我无法单击文本字段来显示所有值。希望你们能给我一个解决方案来解决这个问题。提前致谢。
最佳答案
尝试一下并使用 jQuery 1.8 或最低版本。
$("input#search").live("keyup", function(e)
if(e.which == 13) {
//perform your operations
}
});
关于javascript - 如何按 "Enter"重定向到其他页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23880299/