提示函数的javascript替代方案 我需要C++中的CIN之类的东西;
有提示,但弹出窗口破坏了体验(并隐藏了部分页面,不允许滚动) 我知道如何使用输入,我使用javascript有一年左右的时间,并且有编程背景 我需要的是一个函数,它在某个div中创建一个输入,然后等待用户输入并执行任何其他代码,直到他得到用户提交的文本 有点像提示函数的javascript替代方案 我需要C++中的CIN之类的东西;,javascript,Javascript,有提示,但弹出窗口破坏了体验(并隐藏了部分页面,不允许滚动) 我知道如何使用输入,我使用javascript有一年左右的时间,并且有编程背景 我需要的是一个函数,它在某个div中创建一个输入,然后等待用户输入并执行任何其他代码,直到他得到用户提交的文本 有点像 var a = cin("#somediv","enter text here"); alert(a); 我最后一次尝试的结果是警告说“空”; 这意味着它只是在不等待输入的情况下执行。该函数被精确调用 如果你想让一个输入字段锁定页面,你
var a = cin("#somediv","enter text here");
alert(a);
我最后一次尝试的结果是警告说“空”;
这意味着它只是在不等待输入的情况下执行。该函数被精确调用 如果你想让一个输入字段锁定页面,你必须在页面上做一些覆盖,并在上面显示输入;禁用用户进行除字段之外的任何其他交互 编辑:我指的是这样的叠加: HTML
<html>
<body>
<div id="overlay"></div>
<form id="field">
<input type="text" name="test" />
<input type="submit" value="Continue" />
</form>
</body>
</html>
JavaScript
$('#field').on('submit', function(e) {
e.preventDefault();
// Do some validation and such, and when done, hide the overlay and field
$('#field, #overlay').hide();
});
您可以使用JavaScript和HTML手动执行此操作。实际上,这是一种很流行的方法,所以请检查,它可以创建灵活的对话框,并且可以设置不同于提示符的样式。您的
cin
函数必须接受回调,然后在用户完成后调用,而不是试图阻止。您不能创建像prompt
这样的函数来实际停止JavaScript并让它在用户执行某些操作时等待函数。您不想这样做,部分原因是您确定的。:-)您要查找的是一个模式对话框。如果你搜索,你会发现很多选择。现在我明白你的:)。请不要发布同一问题的多份副本。如果您没有得到上一个问题的答案,请使用“编辑”链接进行修复。你应该删除这个问题。蒂姆:用斯堪的纳维亚键盘?我印象深刻。T.J.克劳德:谢谢,我会的。他不想使用提示符。
#overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
#field {position:absolute; width:200px; height:200px; top:50%; left:50%; margin:-100px 0 0 -100px; z-index:10;}
$('#field').on('submit', function(e) {
e.preventDefault();
// Do some validation and such, and when done, hide the overlay and field
$('#field, #overlay').hide();
});