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 回车事件实现代码
Aug 23 Javascript
JQuery入门——用bind方法绑定事件处理函数应用介绍
Feb 05 Javascript
html+css+js实现xp window界面及有关功能
Mar 26 Javascript
jquery 滚动条事件简单实例
Jul 12 Javascript
JS获取select-option-text_value的方法
Dec 26 Javascript
JavaScript基础函数整理汇总
Jan 30 Javascript
微信小程序的动画效果详解
Jan 18 Javascript
利用PM2部署node.js项目的方法教程
May 10 Javascript
jquery ajax异步提交表单数据的方法
Oct 27 jQuery
AngularJS 表单验证手机号的实例(非必填)
Nov 12 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
May 16 Javascript
tweenjs缓动算法的使用实例分析
Aug 26 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 array_unique之后json_encode需要注意
2011/01/02 PHP
php使用google地图应用实例
2014/12/31 PHP
PHP入门教程之面向对象的特性分析(继承,多态,接口,抽象类,抽象方法等)
2016/09/11 PHP
Javascript typeof 用法
2008/12/28 Javascript
再谈ie和firefox下的document.all属性
2009/10/21 Javascript
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
2010/12/30 Javascript
JQuery动态创建DOM、表单元素的实现代码
2011/08/09 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
2012/11/13 Javascript
jquery中each遍历对象和数组示例
2014/08/05 Javascript
JavaScript自定义数组排序方法
2015/02/12 Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
2015/04/17 Javascript
在Mac OS下使用Node.js的简单教程
2015/06/24 Javascript
深入浅析JavaScript面向对象和原型函数
2016/02/06 Javascript
js replace(a,b)之替换字符串中所有指定字符的方法
2016/08/17 Javascript
js实现前端图片上传即时预览功能
2017/08/02 Javascript
微信小程序实现跟随菜单效果和循环嵌套加载数据
2017/11/21 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
2018/08/16 Javascript
详解Webpack loader 之 file-loader
2018/11/07 Javascript
微信小程序版本自动更新的方法
2019/06/14 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
2019/08/20 Javascript
js实现图片粘贴到网页
2019/12/06 Javascript
[02:43]2014DOTA2国际邀请赛 官方Alliance战队纪录片
2014/07/14 DOTA
[43:57]Liquid vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python中os模块详解
2016/10/14 Python
详解pyenv下使用python matplotlib模块的问题解决
2018/11/29 Python
Pandas DataFrame中的tuple元素遍历的实现
2019/10/23 Python
Jupyter notebook无法导入第三方模块的解决方式
2020/04/15 Python
民政工作个人总结
2015/02/28 职场文书
学校开除通知书
2015/04/25 职场文书
2016新年致辞
2015/08/01 职场文书
病假条格式范文
2015/08/17 职场文书
python删除csv文件的行列
2021/04/06 Python
Pytorch使用shuffle打乱数据的操作
2021/05/20 Python
Java并发编程必备之Future机制
2021/06/30 Java/Android
使用Redis做预定库存缓存功能
2022/04/02 Redis
python解析json数据
2022/04/29 Python