失去焦点时，获取输入框的信息

失去焦点时，获取输入框的信息

  • 获取到数据后，我们阔以通过Ajax或Post请求提交数据到后台

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>
            多输入框数据更新
        </title>
    </head>
    <body>
        <input type="text" name="" id="sort1" data-id="sort1" value="" />
        <input type="text" name="" id="sort2" data-id="sort2" value="" />
        <input type="text" name="" id="sort3" data-id="sort3" value="" />
    </body>
    
    <script src="https://code.jquery.com/jquery-3.4.1.min.js" ></script>
    <script type="text/javascript">
        $('input').focus(function(){
            console.log('获得焦点');
        });
        
        $('input').blur(function(){
            console.log($(this));
            console.log('失去焦点');
            console.log($(this).attr('data-id'));
            console.log($(this).val());
        })
    </script>
</html>

 

posted @ 2019-10-31 18:32  GetcharZp  阅读(1014)  评论(0)  编辑  收藏  举报