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 相关文章推荐
几个javascript操作word的参考代码
Oct 26 Javascript
Javascript数组与字典用法分析
Dec 13 Javascript
JS实现一个按钮的方法
Feb 05 Javascript
JavaScript中的函数声明和函数表达式区别浅析
Mar 27 Javascript
Jquery easyui开启行编辑模式增删改操作
Jan 14 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
Mar 30 Javascript
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
js注册时输入合法性验证方法
Oct 21 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
Dec 22 Javascript
Vue2.0生命周期的理解
Aug 20 Javascript
jQuery实现的模仿雨滴下落动画效果
Dec 11 jQuery
JavaScript实现文件下载并重命名代码实例
Dec 12 Javascript
浅谈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
简单谈谈favicon
2015/06/10 PHP
PHP生成图表pChart的示例解析
2020/07/31 PHP
基于JQuery的6个Tab选项卡插件
2010/09/03 Javascript
JavaScript 程序编码规范
2010/11/23 Javascript
jQuery中绑定事件的命名空间详解
2011/04/05 Javascript
jQuery中is()方法用法实例
2015/01/06 Javascript
JS简单实现动画弹出层效果
2015/05/05 Javascript
自己编写的支持Ajax验证的JS表单验证插件
2015/05/15 Javascript
Easyui 之 Treegrid 笔记
2016/04/29 Javascript
javascript学习笔记_浅谈基础语法,类型,变量
2016/09/19 Javascript
angularJs-$http实现百度搜索时的动态下拉框示例
2018/02/27 Javascript
详解使用create-react-app快速构建React开发环境
2018/05/16 Javascript
在js代码拼接dom对象到页面上的模板总结
2018/10/21 Javascript
javascript for循环性能测试示例
2019/08/07 Javascript
VScode格式化ESlint方法(最全最好用方法)
2019/09/10 Javascript
[01:06]DOTA2小知识课堂 Ep.01 TP出门不要忘记帮队友灌瓶哦
2019/12/05 DOTA
Python存取XML的常见方法实例分析
2017/03/21 Python
tensorflow识别自己手写数字
2018/03/14 Python
python同时遍历数组的索引和值的实例
2018/11/15 Python
Python提取频域特征知识点浅析
2019/03/04 Python
python实现五子棋程序
2020/04/24 Python
python 解决mysql where in 对列表(list,,array)问题
2020/06/06 Python
Oakley官网:运动太阳镜、雪镜和服装
2016/09/30 全球购物
高三自我鉴定范文
2013/10/19 职场文书
大学生自我鉴定
2013/12/16 职场文书
先进事迹报告会感言
2014/01/24 职场文书
生产部管理制度
2014/01/31 职场文书
公司年会搞笑主持词
2014/03/24 职场文书
售房协议书范本2014
2014/10/23 职场文书
2015年推普周活动方案
2015/05/06 职场文书
工作后的感想
2015/08/07 职场文书
redis连接被拒绝的解决方案
2021/04/12 Redis
python如何做代码性能分析
2021/04/26 Python
pytorch 实现多个Dataloader同时训练
2021/05/29 Python
小程序与后端Java接口交互实现HelloWorld入门
2021/07/09 Java/Android
使用PostGIS完成两点间的河流轨迹及流经长度的计算(推荐)
2022/01/18 PostgreSQL