layui 事件中不能触发纯js写法，但是可以触发jQuery写法

山空响不散

已于 2022-04-20 16:55:04 修改

阅读量802

点赞数

分类专栏： Jquery Layui 文章标签：前端 layui jquery javascript

于 2022-03-03 11:02:05 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45973327/article/details/123248415

版权

Layui 同时被 2 个专栏收录

2 篇文章

订阅专栏

Jquery

1 篇文章

订阅专栏

这篇博客探讨了如何利用jQuery监听事件，结合layui框架进行动态内容的添加和删除。文中通过示例代码展示了在输入完成后及按钮点击时触发相应事件的方法，强调了在layui环境中操作组件的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在写某一样东西时，需要触发事件来动态添加或者动态删除等操作需要用到

答案：jQuery写法就能触发，可能有其他写法或者版本问题，知道请补充

<div class="center">
    <input id="inputs" name="phonelist" class="layui-btn layui-btn-normal" value="导入手机号">
    <button id="buttons">确定</button>
   
      <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
         <legend>选择操作：</legend>
          </fieldset>
         <div id="tests" class="demo-tree demo-tree-box center" style="overflow: scroll;"></div>
</div>

有一些方法需要在layui里面来操作，不然不能操作layui组件

<script>
        layui.use(['tree', 'util'], function () {
            var tree = layui.tree
                , layer = layui.layer
                , util = layui.util;
                
            $("#inputs").on('input propertychange', function () {
               alert();
            });//文本框输入完成后触发事件
            
             $("#buttons").on('click', function () {
                alert();
            }); //按钮点击触发事件  
        })
</script>