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 相关文章推荐
鼠标滑上去后图片放大浮出效果的js代码
May 28 Javascript
查询json的数据结构的8种方式简介
Mar 10 Javascript
JavaScript类型检测之typeof 和 instanceof 的缺陷与优化
Jan 13 Javascript
JavaScript中用let语句声明作用域的用法讲解
May 20 Javascript
JS常用知识点整理
Jan 21 Javascript
jQuery插件zTree实现的多选树效果示例
Mar 08 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(二)
May 11 Javascript
JS全角与半角转化实例(分享)
Jul 04 Javascript
浅谈Vue.js中ref ($refs)用法举例总结
Dec 19 Javascript
原生JS实现前端本地文件上传
Sep 08 Javascript
解决三元运算符 报错“SyntaxError: can''t assign to conditional expression”
Feb 12 Javascript
逐行分析鸿蒙系统的 JavaScript 框架(推荐)
Sep 17 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 feof用来识别文件末尾字符的方法
2010/08/01 PHP
PHP过滤★等特殊符号的正则
2014/01/27 PHP
ThinkPHP3.1新特性之内容解析输出详解
2014/06/19 PHP
CI框架给视图添加动态数据
2014/12/01 PHP
php判断文件夹是否存在不存在则创建
2015/04/09 PHP
基于jQuery的图片大小自动适应实现代码
2010/11/17 Javascript
JavaScript之Getters和Setters 平台支持等详细介绍
2012/12/07 Javascript
Js冒泡事件详解及阻止示例
2014/03/21 Javascript
javascript中call和apply的用法示例分析
2015/04/02 Javascript
AngularJs 60分钟入门基础教程
2016/04/03 Javascript
基于bootstrap插件实现autocomplete自动完成表单
2016/05/07 Javascript
localStorage实现便签小程序
2016/11/28 Javascript
Vue2.0实现购物车功能
2017/06/05 Javascript
vue2.0项目中使用Ueditor富文本编辑器示例代码
2017/08/14 Javascript
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
2017/08/18 Javascript
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
2018/05/17 Javascript
微信小程序上线发布流程图文详解
2019/05/06 Javascript
Javascript执行上下文顺序的深入讲解
2020/11/04 Javascript
Python入门教程之if语句的用法
2015/05/14 Python
Python之Scrapy爬虫框架安装及使用详解
2017/11/16 Python
vue.js实现输入框输入值内容实时响应变化示例
2018/07/07 Python
django Serializer序列化使用方法详解
2018/10/16 Python
Python 从列表中取值和取索引的方法
2018/12/25 Python
10 分钟快速入门 Python3的教程
2019/01/29 Python
浅谈keras保存模型中的save()和save_weights()区别
2020/05/21 Python
python爬虫把url链接编码成gbk2312格式过程解析
2020/06/08 Python
纯css3实现的鼠标悬停动画按钮
2014/12/23 HTML / CSS
Everlast官网:拳击、综合格斗和健身相关的体育用品
2020/08/03 全球购物
简单说下OSPF的操作过程
2014/08/13 面试题
服务理念口号
2014/06/11 职场文书
中央空调节能方案
2014/06/15 职场文书
超市促销活动总结
2014/07/01 职场文书
合作协议书模板
2014/10/10 职场文书
检讨书怎么写
2015/01/23 职场文书
讲座开场白台词和结束语
2015/05/29 职场文书
2016年班主任新年寄语
2015/08/18 职场文书