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基本类型和引用类型
Dec 09 Javascript
Javascript操作表单实例讲解(下)
Jun 20 Javascript
js实现微博发布小功能
Jan 12 Javascript
webpack学习教程之publicPath路径问题详解
Jun 17 Javascript
微信小程序获取手机号授权用户登录功能
Nov 09 Javascript
bootstrap表格内容过长时用省略号表示的解决方法
Nov 21 Javascript
解决vue热替换失效的根本原因
Sep 19 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
Oct 09 Javascript
vue mounted 调用两次的完美解决办法
Oct 29 Javascript
JavaScript偏函数与柯里化实例详解
Mar 27 Javascript
JS实现获取当前所在周的周六、周日示例分析
May 11 Javascript
Vue-cli打包后部署到子目录下的路径问题说明
Sep 02 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 使用post,get的一种简洁方式
2010/04/25 PHP
超级好用的一个php上传图片类(随机名,缩略图,加水印)
2010/06/30 PHP
php禁用cookie后session设置方法分析
2016/10/19 PHP
PHP使用curl_multi实现并发请求的方法示例
2018/04/29 PHP
PHP实现通过文本文件统计页面访问量功能示例
2019/02/13 PHP
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
2010/02/15 Javascript
jquery验证表单中的单选与多选实例
2013/08/18 Javascript
原生js实现的贪吃蛇网页版游戏完整实例
2015/05/18 Javascript
学习JavaScript设计模式(策略模式)
2015/11/26 Javascript
jquery mobile实现可折叠的导航按钮
2017/03/11 Javascript
angular4 JavaScript内存溢出问题
2018/03/06 Javascript
jQuery实现侧边栏隐藏与显示的方法详解
2018/12/22 jQuery
详解Vue 单文件组件的三种写法
2020/02/19 Javascript
[01:04:29]DOTA2-DPC中国联赛 正赛 Phoenix vs XG BO3 第二场 1月31日
2021/03/11 DOTA
python 布尔操作实现代码
2013/03/23 Python
对python读写文件去重、RE、set的使用详解
2018/12/11 Python
Django分页功能的实现代码详解
2019/07/29 Python
python多线程同步之文件读写控制
2021/02/25 Python
python sorted方法和列表使用解析
2019/11/18 Python
python编写softmax函数、交叉熵函数实例
2020/06/11 Python
python操作微信自动发消息的实现(微信聊天机器人)
2020/07/14 Python
pytorch加载语音类自定义数据集的方法教程
2020/11/10 Python
柏林通行证:Berlin Pass
2018/04/11 全球购物
澳大利亚运动鞋零售商:The Athlete’s Foot
2018/11/04 全球购物
牧马人澳大利亚官网:Wrangler澳大利亚
2019/10/08 全球购物
工商管理毕业生推荐信
2013/12/24 职场文书
会议开场欢迎词
2014/01/15 职场文书
模具专业毕业生自荐书范文
2014/02/19 职场文书
2014年大班保育员工作总结
2014/12/02 职场文书
2015学生会文艺部工作总结
2015/04/03 职场文书
社区活动总结范文
2015/05/07 职场文书
乡镇团委工作总结2015
2015/05/26 职场文书
关于拾金不昧的感谢信(五篇)
2019/10/18 职场文书
Python利用folium实现地图可视化
2021/05/23 Python
Python还能这么玩之只用30行代码从excel提取个人值班表
2021/06/05 Python
MySQL的表级锁,行级锁,排它锁和共享锁
2022/07/15 MySQL