js调用layui内部函数

思路：需要在 use 中定义 window 函数供外部引用。

1、layui外部函数调用layui内部函数
 

 <div class="layui-form-item " >
    <label class="layui-form-label">联系人</label>
    <div class="layui-input-block">
     <input type="text" name="lxr" id="lxr" οnchange="fnChange()" class="layui-input">
    </div>
  </div>

<script >
   layui.use('form', function(){
        var form=layui.form;
 
 
        window.fnChangeLxr = function ()
        {
     	    alert("联系人修改调用");
        }
 
        var fnChangeLxdh = function ()
        {
     	    alert("联系电话修改调用");
        }
   });



    function fnChange(){
        fnChangeLxr();//调用成功
        fnChangeLxdh();//调用失败
    }



 </script>

2、页面调用layui内部函数

// 调用成功
 <div class="layui-form-item " >
    <label class="layui-form-label">联系人</label>
    <div class="layui-input-block">
     <input type="text" name="lxr" id="lxr" οnchange="fnChangeLxr()" class="layui-input">
    </div>
  </div>



//无法调用
 <div class="layui-form-item " >
    <label class="layui-form-label">联系电话</label>
    <div class="layui-input-block">
     <input type="text" name="lxdh" id="lxdh" οnchange="fnChangeLxdh()" class="layui-input">
    </div>
  </div>



<script >

   layui.use('form', function(){
    var form=layui.form;

    window.fnChangeLxr = function ()
    {
         alert("联系人修改调用");
    }


    var fnChangeLxdh = function ()
    {
         alert("联系电话修改调用");
    }

   });

 </script>