layui.use模块外部使用其内部定义的js封装函数方法

 更新时间:2019年09月16日 09:14:50   作者:Big_Rui  
今天小编就为大家分享一篇layui.use模块外部使用其内部定义的js封装函数方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

用途:常用于监听输入框(其内部不提供监听函数)。

用法:需要在 use 中定义 window 函数供外部引用。

// 调用成功

 <div class="layui-form-item " >
    <label class="layui-form-label">原密码</label>
    <div class="layui-input-block">
     <input type="text" name="password" id="oldpass" οnchange="pass1()" 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="password" id="oldpass" οnchange="pass2()" class="layui-input">
    </div>
  </div>

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


    window.pass1=function ()
    {
     var x=document.getElementById("oldpass");
     x.value=x.value.toUpperCase();
    }

    var pass2=function ()
    {
     var x=document.getElementById("oldpass");
     x.value=x.value.toUpperCase();
    }
   });
 </script>

以上这篇layui.use模块外部使用其内部定义的js封装函数方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 使用JS获取当前地理位置方法汇总

    使用JS获取当前地理位置方法汇总

    这篇文章主要介绍了使用JS获取当前地理位置方法汇总,需要的朋友可以参考下
    2014-12-12
  • JS实现的自定义水平滚动字体插件完整实例

    JS实现的自定义水平滚动字体插件完整实例

    这篇文章主要介绍了JS实现的自定义水平滚动字体插件,以完整实例形式分析了javascript自定义水平滚动字体插件的定义、原理与使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • JavaScript设置FieldSet展开与收缩

    JavaScript设置FieldSet展开与收缩

    JavaScript设置FieldSet展开与收缩实现代码。
    2009-05-05
  • 基于JS实现的消消乐游戏的示例代码

    基于JS实现的消消乐游戏的示例代码

    这篇文章主要为大家介绍了如何利用JS实现消消乐小游戏,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • Echarts地图实例详解(地图样式、合并地图、增加地图)

    Echarts地图实例详解(地图样式、合并地图、增加地图)

    ECharts是一个使用JavaScript实现的开源可视化库,涵盖各行业图表,满足各种需求,下面这篇文章主要给大家介绍了关于Echarts地图的相关资料,包括地图样式、合并地图、增加地图,需要的朋友可以参考下
    2022-06-06
  • GoJs图形绘图模板Shape示例详解

    GoJs图形绘图模板Shape示例详解

    这篇文章主要为大家介绍了GoJs图形绘图模板Shape示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • Javascript里使用Dom操作Xml

    Javascript里使用Dom操作Xml

    Javascript里使用Dom操作Xml...
    2007-01-01
  • Echarts中X轴/Y轴坐标标签显示不下的问题解决

    Echarts中X轴/Y轴坐标标签显示不下的问题解决

    本文主要介绍了Echarts中X轴/Y轴坐标标签显示不下的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-09-09
  • Js利用prototype自定义数组方法示例

    Js利用prototype自定义数组方法示例

    JS中的phototype是JS中比较难理解的一个部分,但下面这篇文章主要给大家介绍了关于Javascript利用prototype自定义数组的相关资料,通过实例给大家介绍phototype的使用,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2017-10-10
  • typescript中高级类型Record详解

    typescript中高级类型Record详解

    这篇文章主要介绍了typescript中高级类型Record,ts文档上对Record的介绍不多,但却经常用到,Record是一个很好用的工具类型,本文给大家详细讲解需要的朋友可以参考下
    2022-11-11

最新评论