javascript替代提示功能

时间:2013-07-10 11:59:31

标签: javascript

我在c ++中需要像cin这样的东西;

有提示,但弹出窗口会破坏体验(并隐藏部分页面,并且不会让您滚动)。

我知道如何使用javascript一年左右的输入并具有编程背景。

我需要的是一个在某个div中创建输入的函数,然后等待用户输入并且dosnt执行任何其他代码,直到他获得用户提交的文本为止。

类似的东西。

var a = cin("#somediv","enter text here");
alert(a);

我上次尝试时发生的事情是警告说“无效”; 这意味着它只是在等待输入时执行。

2 个答案:

答案 0 :(得分:0)

该功能实际上称为prompt()

var bananas = prompt("Please type how many bananas you'd like");
alert("Here you have "+ bananas +" number of bananas. Smile!");

如果要使输入字段锁定页面,则必须在页面上进行某种覆盖,并在其上显示输入;禁用用户进行任何其他交互但是该字段。

编辑:通过叠加我的意思是这样的:

<强> HTML

<html>
    <body>
        <div id="overlay"></div>
        <form id="field">
            <input type="text" name="test" />
            <input type="submit" value="Continue" />
        </form>
    </body>
</html>

<强> CSS

#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;}

<强>的JavaScript

$('#field').on('submit', function(e) {
    e.preventDefault();

    // Do some validation and such, and when done, hide the overlay and field
    $('#field, #overlay').hide();
});

答案 1 :(得分:0)

您可以使用JavaScript和HTML手动执行此操作。这实际上是流行的,所以检查jQuery UI,它有创建灵活的对话框的方法,你可以设置风格,而不是提示。