javascript - 根据用户输入重定向页面
问题描述
我正在尝试做一件非常简单的事情,但我做不到。我想根据用户在按下回车键时输入的输入值被重定向到特定页面。但是,我不能每次都被重定向到同一页面。我究竟做错了什么 ?这是代码
window.onkeyup = keyup;
var inputTextValue;
function keyup(e) {
//setting your input text to the global Javascript Variable for every key press
inputTextValue = e.target.value;
console.log(inputTextValue);
if (e.keyCode == 13) {
if (inputTextValue == "myInput") {
return true;
// window.location = "http://www.google.it";
} else {
return false;
// window.location = "http://www.facebook.it";
}
}
}
解决方案
我使用 window.location.href
属性来更改页面的 url
document.querySelector("#btn").addEventListener("click", () => {
const text = document.querySelector("#inputRedirectText").value;
if (text === "myName") {
window.location.href = "https://www.google.com";
} else {
window.location.href = "https://www.facebook.com";
}
});
<input type="text" id="inputRedirectText" placeholder="type ..."/>
<button id="btn">Done</button>
推荐阅读
- salesforce - Lightning 上的 Salesforce 按钮
- pentaho - 将 Pentaho 连接到 Apache Druid
- terraform - 当 for_each 为空时,忽略动态资源
- loops - 行迭代(两个循环)自动化 Pandas DataFrame
- python - 我如何在 Python 中的许多时间特征中转换 Dataframe?
- flask - 烧瓶多个可选的url参数在url中用分号分隔
- css - 最小宽度和最大宽度不适用于 div 和图像
- javascript - 使用 Web Audio API 将频率映射到响度
- regex - 我正在尝试匹配某些条形码信息并排除 Regex C# 中的特殊字符百分比
- kotlin - 如何使用 kotlinx.serialization 将库类序列化为 Protobuf?