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 select控制插件
Aug 17 Javascript
JavaScript 监听textarea中按键事件
Oct 08 Javascript
jQuery 源码分析笔记(3) Deferred机制
Jun 19 Javascript
xml转json的js代码
Aug 28 Javascript
javascript获取dom的下一个节点方法
Sep 05 Javascript
js解决select下拉选不中问题
Oct 14 Javascript
AngularJS基础 ng-list 指令详解及示例代码
Aug 02 Javascript
AngularJS过滤器filter用法分析
Dec 11 Javascript
详解使用Nuxt.js快速搭建服务端渲染(SSR)应用
Mar 13 Javascript
JavaScript封闭函数及常用内置对象示例
May 13 Javascript
vue+element实现表单校验功能
May 20 Javascript
原生javascript如何实现共享onload事件
Jul 03 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
PHP编程与应用
2006/10/09 PHP
php 文件上传实例代码
2012/04/19 PHP
PHP之autoload运行机制实例分析
2014/08/28 PHP
php的mssql数据库连接类实例
2014/11/28 PHP
详解PHP的Yii框架的运行机制及其路由功能
2016/03/17 PHP
ThinkPHP3.2框架使用addAll()批量插入数据的方法
2017/03/16 PHP
PHP convert_cyr_string()函数讲解
2019/02/13 PHP
Aliyun Linux 编译安装 php7.3 tengine2.3.2 mysql8.0 redis5的过程详解
2020/10/20 PHP
jquery学习笔记二 实现可编辑的表格
2010/04/09 Javascript
一个简单的js动画效果代码
2010/07/20 Javascript
最常用的12种设计模式小结
2011/08/09 Javascript
提取字符串中年月日的函数代码
2013/11/05 Javascript
JS控制表格实现一条光线流动分割行的方法
2015/03/09 Javascript
JQuery中clone方法复制节点
2015/05/18 Javascript
JavaScript中获取纯正的undefined的方法
2016/03/06 Javascript
基于React.js实现原生js拖拽效果引发的思考
2016/03/30 Javascript
原生JS和jQuery版实现文件上传功能
2016/04/18 Javascript
实现React单页应用的方法详解
2016/08/02 Javascript
Vue.js数据绑定之data属性
2017/07/07 Javascript
React props和state属性的具体使用方法
2018/04/12 Javascript
JS加密插件CryptoJS实现的Base64加密示例
2020/08/16 Javascript
基于form-data请求格式详解
2019/10/29 Javascript
vue中keep-alive,include的缓存问题
2019/11/26 Javascript
vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
2020/02/14 Javascript
python复制文件代码实现
2013/12/23 Python
Python中对象迭代与反迭代的技巧总结
2016/09/17 Python
python控制nao机器人身体动作实例详解
2019/04/29 Python
Python OpenCV 调用摄像头并截图保存功能的实现代码
2019/07/02 Python
用python中的matplotlib绘制方程图像代码
2019/11/21 Python
解决Pycharm中恢复被exclude的项目问题(pycharm source root)
2020/02/14 Python
python如何代码集体右移
2020/07/20 Python
Pytorch 图像变换函数集合小结
2021/02/01 Python
Tomcat的缺省是多少,怎么修改
2014/04/09 面试题
中学教师培训制度
2014/01/31 职场文书
珍爱生命演讲稿
2014/05/10 职场文书
教师政风行风自查自纠报告
2014/10/21 职场文书