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 Easyui Tree的oncheck事件实现代码
May 28 Javascript
基于jQuery的JavaScript模版引擎JsRender使用指南
Dec 29 Javascript
JQuery鼠标移到小图显示大图效果的方法
Jun 10 Javascript
20分钟轻松创建自己的Bootstrap站点
May 12 Javascript
AngularJS基础 ng-include 指令简单示例
Aug 01 Javascript
angularJS+requireJS实现controller及directive的按需加载示例
Feb 20 Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
Aug 23 Javascript
详解vue 路由跳转四种方式 (带参数)
Apr 28 Javascript
JS实现长图上下滚动效果
Mar 19 Javascript
Vue+ElementUI 中级联选择器Bug问题的解决
Jul 31 Javascript
vue实现两个区域滚动条同步滚动
Dec 13 Vue.js
jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能
Jan 29 jQuery
浅谈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查看当前Session的ID实例
2015/03/16 PHP
php表单加入Token防止重复提交的方法分析
2016/10/10 PHP
浅谈Laravel核心解读之Console内核
2018/12/02 PHP
php实现断点续传大文件示例代码
2020/06/19 PHP
javascript获取下拉列表框当中的文本值示例代码
2013/07/31 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
2014/08/08 Javascript
javascript检测两个数组是否相似
2015/05/19 Javascript
javascript数组去重小结
2016/03/07 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
2017/03/27 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
2017/09/11 Javascript
@angular前端项目代码优化之构建Api Tree的方法
2018/12/24 Javascript
详解wepy开发小程序踩过的坑(小结)
2019/05/22 Javascript
django模型中的字段和model名显示为中文小技巧分享
2014/11/18 Python
python实现将html表格转换成CSV文件的方法
2015/06/28 Python
Python对文件操作知识汇总
2016/05/15 Python
用不到50行的Python代码构建最小的区块链
2017/11/16 Python
Django用户认证系统 组与权限解析
2019/08/02 Python
整理HTML5中表单的常用属性及新属性
2016/02/19 HTML / CSS
HTML5和CSS3实例教程总结(推荐)
2016/07/18 HTML / CSS
UGG美国官网:购买UGG雪地靴、拖鞋和鞋子
2017/12/31 全球购物
美国修容界大佬创建的个人美妆品牌:Kevyn Aucoin Beauty
2018/12/12 全球购物
香港彩色隐形眼镜在线商店:Stunninglens(全球免费送货)
2019/05/10 全球购物
音乐表演专业毕业生求职信
2013/10/14 职场文书
校长就职演讲稿
2014/01/06 职场文书
领班岗位职责范文
2014/02/06 职场文书
对孩子的寄语
2014/04/09 职场文书
公务员试用期满考核材料
2014/05/22 职场文书
物业管理专业求职信
2014/06/11 职场文书
励志演讲稿3分钟
2014/08/21 职场文书
利用javaScript处理常用事件详解
2021/04/14 Javascript
Mysql中 unique列插入重复值该怎么解决呢
2021/05/26 MySQL
再也不用花钱买漫画!Python爬取某漫画的脚本及源码
2021/06/09 Python
JS 基本概念详细介绍
2021/10/16 Javascript
Python实现文字pdf转换图片pdf效果
2022/04/03 Python
Java完整实现记事本代码
2022/06/16 Java/Android
spring boot实现文件上传
2022/08/14 Java/Android