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 相关文章推荐
Node.js中使用Buffer编码、解码二进制数据详解
Aug 16 Javascript
jquery使用remove()方法删除指定class子元素
Mar 26 Javascript
使用Chrome浏览器调试AngularJS应用的方法
Jun 18 Javascript
javascript图片延迟加载实现方法及思路
Dec 31 Javascript
JS遍历数组及打印数组实例分析
Jan 21 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
Oct 09 Javascript
angularjs+bootstrap菜单的使用示例代码
Mar 07 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
Dec 25 Javascript
集成vue到jquery/bootstrap项目的方法
Feb 10 jQuery
把vue-router和express项目部署到服务器的方法
Feb 21 Javascript
jquery的$().each和$.each的区别
Jan 18 jQuery
解决微信小程序中转换时间格式IOS不兼容的问题
Feb 15 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
使用bcompiler对PHP文件进行加密的代码
2010/08/29 PHP
PHP文件读取功能的应用实例
2015/05/08 PHP
PHP之十六个魔术方法详细介绍
2016/11/01 PHP
PHP两个n位的二进制整数相加问题的解决
2018/08/26 PHP
javascript 建设银行登陆键盘
2008/06/10 Javascript
JS数学函数Exp使用说明
2012/08/09 Javascript
一个基于jquery的文本框记数器
2012/09/19 Javascript
jquery实现点击消失的代码
2014/03/03 Javascript
javascript使用call调用微信API
2014/12/15 Javascript
JavaScript中的getTimezoneOffset()方法使用详解
2015/06/10 Javascript
jQuery实现带分组数据的Table表头排序实例分析
2015/11/24 Javascript
jQuery旋转木马式幻灯片轮播特效
2015/12/04 Javascript
JavaScript中in和hasOwnProperty区别详解
2017/08/04 Javascript
JS函数节流和防抖之间的区分和实现详解
2019/01/11 Javascript
深入理解Node内建模块和对象
2019/03/12 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
2019/04/17 Javascript
微信小程序的线程架构【推荐】
2019/05/14 Javascript
基于VUE实现判断设备是PC还是移动端
2020/07/03 Javascript
python实现将pvr格式转换成pvr.ccz的方法
2015/04/28 Python
matplotlib在python上绘制3D散点图实例详解
2017/12/09 Python
python 对key为时间的dict排序方法
2018/10/17 Python
Python3 读、写Excel文件的操作方法
2018/10/20 Python
python dlib人脸识别代码实例
2019/04/04 Python
python日期相关操作实例小结
2019/06/24 Python
详解Python 字符串相似性的几种度量方法
2019/08/29 Python
Python线程threading模块用法详解
2020/02/26 Python
解决pycharm每次打开项目都需要配置解释器和安装库问题
2020/02/26 Python
Django def clean()函数对表单中的数据进行验证操作
2020/07/09 Python
香港最大的洋酒零售连锁店:屈臣氏酒窖(Watson’s Wine)
2018/12/10 全球购物
生产车间主管岗位职责
2013/12/28 职场文书
社区党务公开实施方案
2014/03/18 职场文书
安全生产责任书范本
2014/04/15 职场文书
篮球比赛策划方案
2014/06/05 职场文书
2014年图书管理员工作总结
2014/12/01 职场文书
毕业设计论文致谢词
2015/05/14 职场文书
调解书格式范本
2015/05/20 职场文书