Javascript 如何在html中捕获enter键并重定向到asp页面?
在我的纯HTML页面中,我有一个文本框供用户输入关键字,然后重定向到asp页面。 当用户单击submit按钮时,我使用javascript捕获关键字 但当用户按enter键时,HTML页面将重新加载并返回错误页面。 如何捕获输入键事件?这样它就会重定向到asp页面。 谢谢 我的javascript代码如下所示:Javascript 如何在html中捕获enter键并重定向到asp页面?,javascript,html,Javascript,Html,在我的纯HTML页面中,我有一个文本框供用户输入关键字,然后重定向到asp页面。 当用户单击submit按钮时,我使用javascript捕获关键字 但当用户按enter键时,HTML页面将重新加载并返回错误页面。 如何捕获输入键事件?这样它就会重定向到asp页面。 谢谢 我的javascript代码如下所示: function searching() { var keywordsStr = document.getElementById('key
function searching() {
var keywordsStr = document.getElementById('keywords').value;
var cmd = "http://xxx/SearchEngine/Searching.aspx?keywords=" + encodeURI(keywordsStr) ;
window.open(cmd);
}
我的html代码如下:
<form name="form1" method="post" action="" >
<input name="keywords" type="text" id="keywords" size="50" >
<input type="submit" name="btn_search" id="btn_search" value="Search" onClick="javascript:searching(); return false;">
<input type="reset" name="btn_reset" id="btn_reset" value="Reset">
</form>
如果您愿意使用
jquery
你可以这样做
$("#keywords").keyup(function(e){
if(e.keyCode == '13')
{
//enter key
}
});
为什么不在新窗口中打开表单结果?
我更喜欢使用post:
<form action="http://xxx/SearchEngine/Searching.aspx" method="post" target="_blank">
您的“action”属性为空,这意味着HTML页面将发布到自身(基本上是重新加载)。你需要把你的ASP页面的URL放在那里才能发布数据
<form name="form1" method="get" action="http://xxx/SearchEngine/Searching.aspx">
<input name="keywords" type="text" size="50" >
<input type="submit" name="btn_search" value="Search">
<input type="reset" name="btn_reset" value="Reset">
</form>
我已经创建了基于您的确切代码,它的工作没有问题(虽然你会被重定向到一个pron网站由于你的更换域名)。您确定search()
作为一个函数可用吗?你有没有试过在IE和Chrome中使用类似的工具或开发工具(每个都是F5)?
document.onkeydown = checkKeycode
function checkKeycode(e)
{
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
// alert("keycode: " + keycode);
if (keycode == 13)
{
alert('enter key is pressed: now do something');
}
}
<form name="form1" method="get" action="http://xxx/SearchEngine/Searching.aspx">
<input name="keywords" type="text" size="50" >
<input type="submit" name="btn_search" value="Search">
<input type="reset" name="btn_reset" value="Reset">
</form>
target="_blank"