实时获取input输入的值实例

来源：互联网发布：nba2k17麦迪捏脸数据编辑：程序博客网时间：2024/04/28 00:53

<!DOCTYPE html><html><head>    <title>first example</title>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <script src="../../js/jquery-2.1.4.js"></script><body>//实时获取input的值并输出    <div class="inputwrapper">        <label><span>姓名：</span><input type="text" name="fullname" id="test"></label>        <div class="result"></div>    </div>//禁止input前后输入空格    <p class="right-input" id="yeHao">        <input type="text" class="form-control" id="prjNum" name="prjNum" onKeyup="showData()">    </p><script>    $(function(){//实时获取input的值并输出        $(".inputwrapper").find('#test').on('input propertychange',function(){            var result = $(this).val();            console.log(result);            $(".inputwrapper").find('.result').html(result);        });//禁止input前后输入空格        $("#yeHao").find('input').on('input propertychange',function(){            var a = $(this).val();            var result=a.trim()            console.log(result);            $(this).val(result);        });    })</script></body></html>

阅读全文

0 0