layui的input输入框失去焦点时触发事件

Layui是一个前端UI框架，它提供了一套丰富的组件来帮助开发者快速开发出美观的网页界面。对于`input`输入框失去焦点时触发事件，Layui同样提供了简单易用的事件监听方式。

在Layui中，通常会用其提供的表单验证模块`laytpl`来实现`input`元素失去焦点时触发的事件。你可以使用`onblur`事件来监听`input`元素的失去焦点行为。下面是一个简单的示例：

// 假设你已经加载了Layui的CSS和JS文件

// HTML部分
<form class="layui-form">
  <div class="layui-form-item">
    <label class="layui-form-label">输入框示例</label>
    <div class="layui-input-block">
      <input type="text" name="test" required  lay-verify="required" placeholder="请输入内容" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
</form>

// JavaScript部分
<script>
layui.use('form', function(){
  var form = layui.form;
  
  // 监听事件
  form.on('blur(input)', function(data){
    console.log('input失去了焦点');
    // 这里的data.field是input的name属性值，data.value是input的当前值
    console.log('当前字段名：', data.field);
    console.log('当前字段值：', data.value);
    // 在这里可以执行你的逻辑
  });
  
  // render表单
  form.render();
});
</script>

在上述代码中，我们通过`form.on`方法监听了`input`元素的`blur`事件。当`input`元素失去焦点时，会执行回调函数，其中`data.field`表示触发事件的`input`元素的`name`属性值，`data.value`表示该`input`元素的当前值。