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 相关文章推荐
javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
Jul 04 Javascript
jquery实现类似淘宝星星评分功能有截图
Sep 15 Javascript
node.js中的console.error方法使用说明
Dec 10 Javascript
angular分页指令操作
Jan 09 Javascript
vue组件中点击按钮后修改输入框的状态实例代码
Apr 14 Javascript
jfinal与bootstrap的登出实战详解
Nov 27 Javascript
Vue filter介绍及详细使用
Apr 04 Javascript
JavaScript原型链与继承操作实例总结
Aug 24 Javascript
js实现图片上传即时显示效果
Sep 30 Javascript
国内常用的js类库大全(CDN公共库)
Jun 24 Javascript
JS数据类型判断的几种常用方法
Jul 07 Javascript
JS中锚点链接点击平滑滚动并自由调整到顶部位置
Feb 06 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
SONY SRF-40W电路分析
2021/03/02 无线电
用PHP写的MySQL数据库用户认证系统代码
2007/03/22 PHP
PHP 魔术函数使用说明
2010/05/14 PHP
PHP使用mysqldump命令导出数据库
2015/04/14 PHP
PHP排序二叉树基本功能实现方法示例
2018/05/26 PHP
JavaScript 快捷键设置实现代码
2009/03/13 Javascript
javascript中的变量作用域以及变量提升详细介绍
2013/10/24 Javascript
js采用concat和sort将N个数组拼接起来的方法
2016/01/21 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
2016/10/28 Javascript
使用Electron构建React+Webpack桌面应用的方法
2017/12/15 Javascript
AngularJs点击状态值改变背景色的实例
2017/12/18 Javascript
微信小程序 拍照或从相册选取图片上传代码实例
2019/08/28 Javascript
javascript刷新父页面方法汇总详解
2019/10/10 Javascript
Vue中watch、computed、updated三者的区别及用法
2020/07/27 Javascript
Nuxt.js 静态资源和打包的操作
2020/11/06 Javascript
Python 除法小技巧
2008/09/06 Python
python中黄金分割法实现方法
2015/05/06 Python
python实现在字符串中查找子字符串的方法
2015/07/11 Python
利用python实现命令行有道词典的方法示例
2017/01/31 Python
Python实现的基于优先等级分配糖果问题算法示例
2018/04/25 Python
Python常见内置高效率函数用法示例
2018/07/31 Python
Python 使用元类type创建类对象常见应用详解
2019/10/17 Python
Python如何批量获取文件夹的大小并保存
2020/03/31 Python
python接口自动化框架实战
2020/12/23 Python
HTML5时代CSS设置漂亮字体取代图片
2014/09/04 HTML / CSS
英国电信商店:BT Shop
2019/12/17 全球购物
网站开发实习生的自我评价
2013/12/11 职场文书
简历自我评价模版
2014/01/31 职场文书
实验教师岗位职责
2014/02/13 职场文书
商务英语广告词大全
2014/03/18 职场文书
奥林匹克运动会口号
2014/06/19 职场文书
2015届本科毕业生自我鉴定
2014/09/27 职场文书
2015年基层党组织公开承诺书
2015/01/21 职场文书
品质保证书格式
2015/02/28 职场文书
红色经典观后感
2015/06/18 职场文书
MySQL读取JSON转换的方式
2022/03/18 MySQL