我有INPUT元素,我想重置先前的值(不必要的原始值)。有两种方法:

  • 将值保存在另一个变量中,然后再次将其拉出
  • 按ESC键。但是我不希望用户按ESC而是单击一个按钮。

  • 因此,对于#2,如何使用jquery创建ESC击键?

    最佳答案

    这是一个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>
    

    这基本上在onload期间使用remember类存储每个输入元素的原始值,并指示带有reset类的按钮在每次单击时都将其恢复。

    09-25 21:07