失去焦点时，获取输入框的信息
- 获取到数据后，我们阔以通过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>