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实现的网站首页随机公告随机公告
Mar 14 Javascript
模仿百度三维地图的js数据分享
May 12 Javascript
JQquery的一些使用心得分享
Aug 01 Javascript
Javascript图像处理—亮度对比度应用案例
Jan 03 Javascript
提高jQuery性能优化的技巧
Aug 03 Javascript
Javascript的表单验证长度
Mar 16 Javascript
jQuery过滤选择器经典应用
Aug 18 Javascript
JQuery Ajax 异步操作之动态添加节点功能
May 24 jQuery
深入探究angular2 UI组件之primeNG用法
Jul 26 Javascript
微信小程序页面间值传递的两种方法
Nov 26 Javascript
详解react-refetch的使用小例子
Feb 15 Javascript
js实现无缝滚动双图切换效果
Jul 09 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中检查PHP文件是否有语法错误的方法
2009/12/23 PHP
php循环检测目录是否存在并创建(循环创建目录)
2011/01/06 PHP
PHP实现上一篇下一篇的方法实例总结
2016/09/22 PHP
PHP面向对象程序设计OOP继承用法入门示例
2016/12/27 PHP
php查询及多条件查询
2017/02/26 PHP
JavaScript高级程序设计 扩展--关于动态原型
2010/11/09 Javascript
如何确保JavaScript的执行顺序 之jQuery.html深度分析
2011/03/03 Javascript
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
2012/02/27 Javascript
浅谈javascript中的作用域
2012/04/07 Javascript
JavaScript对象属性检查、增加、删除、访问操作实例
2015/07/08 Javascript
学习javascript面向对象 理解javascript对象
2016/01/04 Javascript
js自定义select下拉框美化特效
2016/05/12 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
2016/06/06 Javascript
用jmSlip编写移动端顶部日历选择控件
2016/10/24 Javascript
javascript完美实现给定日期返回上月日期的方法
2017/06/15 Javascript
Vue组件之极简的地址选择器的实现
2018/05/31 Javascript
nodejs实现套接字服务功能详解
2018/06/21 NodeJs
微信小程序实现发送验证码按钮效果
2018/12/20 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
2019/06/03 Javascript
js中值引用和地址引用实例分析
2019/06/21 Javascript
Vue 3.x+axios跨域方案的踩坑指南
2019/07/04 Javascript
JavaScript中this函数使用实例解析
2020/02/21 Javascript
H5 js点击按钮复制文本到粘贴板
2020/11/19 Javascript
python连接mysql并提交mysql事务示例
2014/03/05 Python
Python中利用Scipy包的SIFT方法进行图片识别的实例教程
2016/06/03 Python
机器学习经典算法-logistic回归代码详解
2017/12/22 Python
Python3 单行多行万能正则匹配方法
2019/01/07 Python
详解Python中的各种转义符\n\r\t
2019/07/10 Python
Pyspark读取parquet数据过程解析
2020/03/27 Python
使用Python文件读写,自定义分隔符(custom delimiter)
2020/07/05 Python
Python 忽略文件名编码的方法
2020/08/01 Python
美国正宗奢华复古手袋、珠宝及配饰网站:What Goes Around Comes Around
2018/07/21 全球购物
大学生个人简历中的自我评价
2013/12/27 职场文书
个人委托书怎么写
2014/09/17 职场文书
横店影视城导游词
2015/02/06 职场文书
Pandas搭配lambda组合使用详解
2022/01/22 Python