我试图将特定的输入输入到文本区域，调用特定的javascript函数，但它无法工作
我试图将特定的输入输入到文本区域，调用特定的javascript函数，但它无法工作
提问于 2015-04-06 21:19:02
因此，为了给出一些细节，我试图制作一个互动小说游戏或文字冒险。我有一个表格，所有的“命令”的游戏将被输入。我正在处理第一个命令，即调用提示符的字符串"start“。只是为了测试代码，我有一个提示：“成功！”如果正确的话。但是，一旦我打开web浏览器进行测试，提示就会在我输入命令之前触发。这是密码。
<html>
<head>
<script type="text/javascript" src="scripts/engine.js"></script>
</head>
<body>
<form id="testForm"> <input type="text" name="">
</form>
</body>
</html>这是javascript。
var input = document.getElementById("testForm");
if (input = "start") {
prompt("Success!");
}回答 2
Stack Overflow用户
回答已采纳
发布于 2015-04-06 21:36:53
试试这个：
<html>
<head>
<script type="text/javascript" src="scripts/engine.js"></script>
</head>
<body>
<form id="testForm">
<input type="text" id="myInput">
</form>
<script>
var myForm = document.getElementById("testForm");// get the form element.
var myInput = document.getElementById("myInput");// get the input element
myForm.onsubmit = function() { // when the form is submitted, execute this function.
if (myInput.value == "start") { // if the value of the input equals 'start', show prompt.
prompt("Success!");
}
return false; //return false, so the form doesn't get submitted.
};
</script>
</body>
</html>编辑:添加了提交事件处理程序，返回false，因此表单不会被提交。
Stack Overflow用户
发布于 2015-04-06 21:21:54
需要检查输入的值，如下所示
var input = document.getElementById("inputID");
var value = input.value;代码将始终立即运行，因为它没有事件处理程序。你可以添加一个按钮来触发它
document.getElementById('button').addEventListener('click', function () {
var input = document.getElementById("inputID");
if (input.value === 'start') {
// Do something
}
});或者，如果您喜欢提交事件的表单：
document.getElementById('testForm').addEventListener('submit', function () {
var input = document.getElementById("inputID");
if (input.value === 'start') {
// Do something
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29479875
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号