Javascript jQuery页面导航-带提交
我想将jQuery页面导航添加到内部网站 我有一个文本输入:Javascript jQuery页面导航-带提交,javascript,jquery,Javascript,Jquery,我想将jQuery页面导航添加到内部网站 我有一个文本输入: <input id="nav" type="text"/> 当按下一个键时,这将引导用户进入新页面 是否可以执行相同的操作,但使用完整的单词,并且需要按Enter键 示例: 如果用户在文本框中键入admin,然后按enter,则用户将重定向到admin.html 我认为这需要以不同的方式处理,但我不确定如何处理,或者是否可以做到 如果您有任何想法或建议,我们将不胜感激。制作一个表格,并绑定到其提交活动。使用event.p
<input id="nav" type="text"/>
当按下一个键时,这将引导用户进入新页面
是否可以执行相同的操作,但使用完整的单词,并且需要按Enter
键
示例:
如果用户在文本框中键入admin
,然后按enter
,则用户将重定向到admin.html
我认为这需要以不同的方式处理,但我不确定如何处理,或者是否可以做到
如果您有任何想法或建议,我们将不胜感激。制作一个表格,并绑定到其提交活动。使用
event.preventDefault()
阻止表单提交,并使用if
语句检查输入的单词。完全按照您现在的操作重定向到正确的页面。只需让用户在文本框中输入任何内容即可
$("#nav").keydown(function (e) {
if (e.keyCode !== 13) { // 13 = Enter
return;
}
switch ($(this).val()) {
case "admin":
location.href = "admin.html";
break;
case "terms":
location.href = "terms.html";
break; // etc
}
});
这可能对你有帮助。该函数将检查
keycode==13
(输入键的代码),如果输入值是admin
,它将执行重定向
这就是我想要实现的。谢谢你的帮助。我不得不等五分钟,它才会让我:)我现在就来。
$("#nav").keydown(function (e) {
if (e.keyCode !== 13) { // 13 = Enter
return;
}
switch ($(this).val()) {
case "admin":
location.href = "admin.html";
break;
case "terms":
location.href = "terms.html";
break; // etc
}
});
$("#nav").keydown(function (e) {
if (e.keyCode == 13) {
var inputVal = $("#nav").val();
if (inputVal === "admin") window.location = 'admin.html';
}
});