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 相关文章推荐
Cookie 注入是怎样产生的
Apr 08 Javascript
基于jQuery的消息提示插件之旅 DivAlert(三)
Apr 01 Javascript
总结Javascript中数组各种去重的方法
Oct 04 Javascript
JavaScript 闭包机制详解及实例代码
Oct 10 Javascript
JS 在数组指定位置插入/删除数据的方法
Jan 12 Javascript
javascript实现复选框全选或反选
Feb 04 Javascript
canvas压缩图片转换成base64格式输出文件流
Mar 09 Javascript
vue实现模态框的通用写法推荐
Feb 26 Javascript
jquery.pager.js实现分页效果
Jul 29 jQuery
layui表单验证select下拉框实现验证的方法
Sep 05 Javascript
JS控制GIF图片的停止与显示
Oct 24 Javascript
微信小程序仿淘宝热搜词在搜索框中轮播功能
Jan 21 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
ThinkPHP设置禁止百度等搜索引擎转码(简单实用)
2016/02/15 PHP
PHP实现登陆表单提交CSRF及验证码
2017/01/24 PHP
php+mysql+jquery实现简易的检索自动补全提示功能
2017/04/15 PHP
thinkPHP5框架auth权限控制类与用法示例
2018/06/12 PHP
js 连接数据库如何操作数据库中的数据
2012/11/23 Javascript
JavaScript 学习笔记之基础中的基础
2015/01/13 Javascript
JavaScript实现可拖拽的拖动层Div实例
2015/08/05 Javascript
JavaScript模拟鼠标右键菜单效果
2020/12/08 Javascript
Angularjs过滤器使用详解
2016/05/25 Javascript
Javascript中级语法快速入手
2016/07/30 Javascript
JS实战篇之收缩菜单表单布局
2016/12/10 Javascript
JavaScript输入分钟、秒倒计时技巧总结(附代码)
2017/08/17 Javascript
DVA框架统一处理所有页面的loading状态
2017/08/25 Javascript
fetch 使用及如何接收JS传值
2017/11/11 Javascript
JavaScript多态与封装实例分析
2018/07/27 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
2018/10/22 Javascript
vue自定义js图片碎片轮播图切换效果的实现代码
2019/04/28 Javascript
微信小程序扫描二维码获取信息实例详解
2019/05/07 Javascript
js定义类的方法示例【ES5与ES6】
2019/07/30 Javascript
结合axios对项目中的api请求进行封装操作
2020/09/21 Javascript
python通过shutil实现快速文件复制的方法
2015/03/14 Python
python结合shell查询google关键词排名的实现代码
2016/02/27 Python
NetworkX之Prim算法(实例讲解)
2017/12/22 Python
Python 实现取多维数组第n维的前几位
2019/11/26 Python
Python参数传递及收集机制原理解析
2020/06/05 Python
获取python运行输出的数据并解析存为dataFrame实例
2020/07/07 Python
html5教程实现Photoshop渐变色效果
2013/12/04 HTML / CSS
迷你分体式空调:SoGoodToBuy
2018/08/07 全球购物
Godiva巧克力英国官网:比利时歌帝梵巧克力
2018/08/28 全球购物
IFCHIC台湾:欧美国际设计师品牌
2019/05/18 全球购物
Gerry Weber德国官网:优质女性时装,德国最大的时装公司之一
2019/11/02 全球购物
计算机网络专业求职信
2014/06/05 职场文书
质量月活动总结
2014/08/26 职场文书
2014年副班长工作总结
2014/12/10 职场文书
大学四年个人总结
2015/03/03 职场文书
golang中实现给gif、png、jpeg图片添加文字水印
2021/04/26 Golang