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 相关文章推荐
可插入图片的TEXT文本框
Dec 27 Javascript
JavaScript创建一个object对象并操作对象属性的用法
Mar 23 Javascript
JavaScript获得url查询参数的方法
Jul 02 Javascript
javascript中checkbox使用方法简单实例演示
Nov 17 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
Jan 15 Javascript
微信小程序通过api接口将json数据展现到小程序示例
Jan 20 Javascript
Zepto实现密码的隐藏/显示
Apr 07 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
Sep 11 Javascript
JS中的函数与对象的创建方式
May 12 Javascript
JavaScript学习教程之cookie与webstorage
Jun 23 Javascript
原生js实现购物车
Sep 23 Javascript
详解CocosCreator消息分发机制
Apr 16 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 异常处理实现代码
2009/03/10 PHP
两款万能的php分页类
2015/11/12 PHP
php生成curl命令行的方法
2015/12/14 PHP
Zend Framework生成验证码并实现验证码验证功能(附demo源码下载)
2016/03/22 PHP
PHP在线打包下载功能示例
2016/10/15 PHP
laravel 解决强制跳转 https的问题
2019/10/22 PHP
Javascript 实现TreeView CheckBox全选效果
2010/01/11 Javascript
解析jquery中的ajax缓存问题
2013/12/19 Javascript
解决json日期格式问题的3种方法
2014/02/02 Javascript
css+js实现部分区域高亮可编辑遮罩层
2014/03/04 Javascript
jquery判断浏览器后退时候弹出消息的方法
2014/08/11 Javascript
jQuery结合ajax实现动态加载文本内容
2015/05/19 Javascript
js图片卷帘门导航菜单特效代码分享
2015/09/10 Javascript
jquery dataview数据视图插件使用方法
2016/12/23 Javascript
详解从Node.js的child_process模块来学习父子进程之间的通信
2017/03/27 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(上)
2017/04/21 Javascript
bootstrap选项卡扩展功能详解
2017/06/14 Javascript
详解为Bootstrap Modal添加拖拽的方法
2018/01/05 Javascript
Vue组件和Route的生命周期实例详解
2018/02/10 Javascript
vue2 前端搜索实现示例
2018/02/26 Javascript
JavaScript基于数组实现的栈与队列操作示例
2018/12/22 Javascript
详解vue3.0 diff算法的使用(超详细)
2020/07/01 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
2020/08/10 Javascript
python 读取文本文件的行数据,文件.splitlines()的方法
2018/07/12 Python
小白入门篇使用Python搭建点击率预估模型
2018/10/12 Python
浅谈Python编程中3个常用的数据结构和算法
2019/04/30 Python
Python编程中类与类的关系详解
2019/08/08 Python
解决Pycharm 包已经下载,但是运行代码提示找不到模块的问题
2019/08/31 Python
python 比较字典value的最大值的几种方法
2020/04/17 Python
Pycharm学生免费专业版安装教程的方法步骤
2020/09/24 Python
Python实现简单猜数字游戏
2021/02/03 Python
C/C++有关内存的思考题
2015/12/04 面试题
好矿嫂事迹材料
2014/01/21 职场文书
会计学习心得体会
2014/09/09 职场文书
2014教师年度工作总结
2014/11/10 职场文书
dubbo集成zipkin获取Traceid的实现
2021/07/26 Java/Android