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


Posted in Javascript onSeptember 16, 2019

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

用法:需要在 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封装函数方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery中offsetParent()方法用法实例
Jan 19 Javascript
Jquery实现鼠标移动放大图片功能实例
Mar 25 Javascript
JavaScript对象反射用法实例
Apr 17 Javascript
ECMAScript5(ES5)中bind方法使用小结
May 07 Javascript
JS验证IP,子网掩码,网关和MAC的方法
Jul 02 Javascript
jQuery Easyui 验证两次密码输入是否相等
May 13 Javascript
深入理解jQuery3.0的domManip函数
Sep 01 Javascript
JavaScript &amp; jQuery完美判断图片是否加载完毕
Jan 08 Javascript
实例详解display:none与visible:hidden的区别
Mar 30 Javascript
详解vue-resource promise兼容性问题
Jun 20 Javascript
Vue全局分页组件的实现代码
Aug 10 Javascript
jQuery实现的记住帐号密码功能完整示例
Aug 03 jQuery
浅谈JS中几种轻松处理'this'指向方式
Sep 16 #Javascript
使用xampp将angular项目运行在web服务器的教程
Sep 16 #Javascript
在layui.use 中自定义 function 的正确方法
Sep 16 #Javascript
使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部
Sep 16 #Javascript
js实现无限瀑布流实例方法
Sep 16 #Javascript
策略模式实现 Vue 动态表单验证的方法
Sep 16 #Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 #jQuery
You might like
PHP写的求多项式导数的函数代码
2012/07/04 PHP
PHP快速排序quicksort实例详解
2016/09/28 PHP
PHP实现负载均衡下的session共用功能
2018/04/17 PHP
浅谈laravel数据库查询返回的数据形式
2019/10/21 PHP
html读出文本文件内容
2007/01/22 Javascript
jquery获取元素索引值index()示例
2014/02/13 Javascript
js控制文本框输入的字符类型方法汇总
2015/06/19 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
2015/06/19 Javascript
四种参数传递的形式——URL,超链接,js,form表单
2015/07/24 Javascript
JavaScript如何获取数组最大值和最小值
2015/11/18 Javascript
jQuery获取父元素及父节点的方法小结
2016/04/14 Javascript
JS给Array添加是否包含字符串的简单方法
2016/10/29 Javascript
JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
2016/11/30 Javascript
vue axios请求超时的正确处理方法
2018/04/02 Javascript
Node.js API详解之 net模块实例分析
2020/05/18 Javascript
[59:15]EG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/29 DOTA
Python自动连接ssh的方法
2015/03/07 Python
举例区分Python中的浅复制与深复制
2015/07/02 Python
浅谈python中的占位符
2017/11/09 Python
python时间日期函数与利用pandas进行时间序列处理详解
2018/03/13 Python
Python基础学习之基本数据结构详解【数字、字符串、列表、元组、集合、字典】
2019/06/18 Python
python web框架 django wsgi原理解析
2019/08/20 Python
Python 实现的 Google 批量翻译功能
2019/08/26 Python
Python 元组操作总结
2019/09/18 Python
Python使用uuid库生成唯一标识ID
2020/02/12 Python
Python 判断时间是否在时间区间内的实例
2020/05/16 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
欧缇丽英国官方网站:Caudalie英国
2016/08/17 全球购物
伯利陶器:Burleigh Pottery
2018/01/03 全球购物
学年末自我鉴定
2014/01/21 职场文书
会计专业职业规划:规划自我赢取未来
2014/02/12 职场文书
学院党委班子四风问题自查报告及整改措施
2014/10/25 职场文书
大学生自荐书范文
2015/03/05 职场文书
Redis Cluster 字段模糊匹配及删除
2021/05/27 Redis
go goroutine 怎样进行错误处理
2021/07/16 Golang
JAVA springCloud项目搭建流程
2022/05/11 Java/Android