layer监听input输入变化的方法

我们经常需要监听input输入框的变化，来显示对应的内容，不如实时提示等，但是我们在layer中如何实现呢？其实非常的简单，下面就让我们一起来看看吧。

首先我们在body中写入如下代码

<form class="layui-form" method="post" action="/info">
  <input type="text" name="tags" id="tags" class="layui-input" value="中国,将军,顺序,排名">
</form>

接着是引用layui，下面/static/layui-v2.5.6/layui/域名是你的layui的位置，根据你下载的实际位置填写。

<script src="https://域名/jquery/3.4.1/域名"></script>
<script src="/static/layui-v2.5.6/layui/域名"></script>
<script type="text/javascript">
域名(['layer','upload','form','table', 'layedit', 'laydate', 'element'], function(){
  //输入框的值改变时触发
  $("#tags").on("input",function(e){
    //获取input输入的值
    alert(域名e);
  });
});

可以发现，我们只需要一个$("#tags").on("input",function(e){就可以监听input的变更操作了，使用域名e可以或得到变更后的值，我们可以在函数中加入一个$.ajax来实时获取信息，实现搜索提示等功能。