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+html+css实现鼠标移动div实例
Jan 30 Javascript
js实现两个值相加alert出来精确到指定位
Sep 25 Javascript
qq悬浮代码(兼容各个浏览器)
Jan 29 Javascript
Javascript让DEDECMS告别手写Tag
Sep 01 Javascript
利用jQuery及AJAX技术定时更新GridView的某一列数据
Dec 04 Javascript
JQuery解析XML的方法小结
Apr 02 Javascript
基于JQuery实现分隔条的功能
Jun 17 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
Dec 05 Javascript
AjaxFileUpload.js实现异步上传文件功能
Apr 19 Javascript
mock.js模拟数据实现前后端分离
Jul 24 Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
Oct 17 Javascript
vue实现锚点定位功能
Jun 29 Vue.js
浅谈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+MYSQL开发工具及资源收藏
2007/01/02 PHP
php上传大文件失败的原因及应对策略
2015/10/20 PHP
PHP微信公众号自动发送红包API
2016/06/01 PHP
PHP多进程编程实例详解
2017/07/19 PHP
PHP多进程通信-消息队列使用
2019/03/08 PHP
JS字符串累加Array不一定比字符串累加快(根据电脑配置)
2012/05/14 Javascript
推荐17个优美新鲜的jQuery的工具提示插件
2012/09/14 Javascript
JavaScript获取onclick、onchange等事件值的代码
2013/07/22 Javascript
javascript实现信息的显示和隐藏如注册页面
2013/12/03 Javascript
jQuery学习总结之jQuery事件
2014/06/30 Javascript
jQuery网页版打砖块小游戏源码分享
2015/08/20 Javascript
跟我学习javascript的this关键字
2020/05/28 Javascript
JQuery DIV 动态隐藏和显示的方法
2016/06/23 Javascript
ECMAScript6快速入手攻略
2016/07/18 Javascript
ionic实现可滑动的tab选项卡切换效果
2020/04/15 Javascript
jquery实现图片切换代码
2016/10/13 Javascript
Javascript之面向对象--接口
2016/12/02 Javascript
Angular之指令Directive用法详解
2017/03/01 Javascript
详解vue-router和vue-cli以及组件之间的传值
2017/07/04 Javascript
简单实现js放大镜效果
2017/07/24 Javascript
node.js域名解析实现方法详解
2019/11/05 Javascript
基于jquery实现彩色投票进度条代码解析
2020/08/26 jQuery
深入理解Python中的元类(metaclass)
2015/02/14 Python
用Python计算三角函数之atan()方法的使用
2015/05/15 Python
Python数据结构之双向链表的定义与使用方法示例
2018/01/16 Python
pytorch 实现tensor与numpy数组转换
2019/12/27 Python
python 如何上传包到pypi
2020/12/24 Python
HTML5 贪吃蛇游戏实现思路及源代码
2013/09/03 HTML / CSS
软件设计的目标是什么
2016/12/04 面试题
好矿嫂事迹材料
2014/01/21 职场文书
班组安全员工作职责
2014/02/01 职场文书
职务任命书范本
2014/06/05 职场文书
2016年大学迎新晚会工作总结
2015/10/15 职场文书
《山中访友》教学反思
2016/02/24 职场文书
代码解析React中setState同步和异步问题
2021/06/03 Javascript
python利用pandas分析学生期末成绩实例代码
2021/07/09 Python