重置INPUT没有FORM

Question

重置INPUT没有FORM

HP.*_*HP. 5 html javascript jquery keystroke

我有INPUT元素,我想重置以前的值(不是必需的原始值).有两种方式:

将值保存在另一个变量中并再次将其拉出
按ESC键.但我不希望用户按ESC但单击按钮.

那么对于#2,如何使用jquery创建ESC键击？

Answer 1

Bal*_*usC 6

这是一个SSCCE:

<!doctype html>
<html lang="en">
    <head>
        <title>SO question 2079185</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $(':input.remember').each(function() {
                    $(this).attr('data-remember', $(this).val());
                });
                $('button.reset').click(function() {
                    $(':input.remember').each(function() {
                        $(this).val($(this).attr('data-remember'));
                    });
                });
            });
        </script>
    </head>
    <body>
        <input type="text" class="remember" value="foo">
        <button class="reset">Reset</button>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

这基本上将每个输入元素的原始值与rememberonload期间的类一起存储,并指示按钮具有一个类,reset以便在单击时恢复它.

归档时间：	16 年，1 月前
查看次数：	7020 次
最近记录：	11 年，10 月前