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 相关文章推荐
jquery checkbox全选、取消全选实现代码
Mar 05 Javascript
JavaScript实现将UPC转换成ISBN的方法
May 26 Javascript
使用JavaScript刷新网页的方法
Jun 04 Javascript
分享javascript计算时间差的示例代码
Mar 19 Javascript
JS上传组件FileUpload自定义模板的使用方法
May 10 Javascript
JavaScript中访问id对象 属性的方式访问属性(实例代码)
Oct 28 Javascript
Vue.js事件处理器与表单控件绑定详解
Mar 20 Javascript
浅谈angular2 组件的生命周期钩子
Aug 12 Javascript
bootstrap-Treeview实现级联勾选
Nov 23 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
Sep 10 Javascript
mpvue项目中使用第三方UI组件库的方法
Sep 30 Javascript
基于javascript的无缝滚动动画实现2
Aug 07 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应用技巧
2008/03/27 PHP
解析php取整的几种方式
2013/06/25 PHP
php数组编码转换示例详解
2014/03/11 PHP
如何用PHP来实现一个动态Web服务器
2015/07/29 PHP
Zend Framework连接Mysql数据库实例分析
2016/03/19 PHP
php实现带读写分离功能的MySQL类完整实例
2016/07/28 PHP
laravel框架关于搜索功能的实现
2018/03/15 PHP
可兼容php5与php7的cURL文件上传功能实例分析
2018/05/11 PHP
php 与 nginx 的处理方式及nginx与php-fpm通信的两种方式
2018/09/28 PHP
不错的JS中变量相关的细节分析
2007/08/13 Javascript
js实现的tab标签切换效果代码分享
2015/08/25 Javascript
jQuery密码强度检测插件passwordStrength用法实例分析
2015/10/30 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
2016/04/18 Javascript
在AngularJS中使用jQuery的zTree插件的方法
2016/04/21 Javascript
使用jquery提交form表单并自定义action的实现代码
2016/05/25 Javascript
微信QQ的二维码登录原理js代码解析
2016/06/23 Javascript
Cookies 和 Session的详解及区别
2017/04/21 Javascript
JS自动生成动态HTML验证码页面
2017/06/14 Javascript
nodejs 生成和导出 word的实例代码
2018/07/31 NodeJs
jquery的$().each和$.each的区别
2019/01/18 jQuery
JS判断浏览器类型与操作系统的方法分析
2020/04/30 Javascript
js实现随机点名功能
2020/12/23 Javascript
python爬虫面试宝典(常见问题)
2018/03/02 Python
解决在Python编辑器pycharm中程序run正常debug错误的问题
2019/01/17 Python
在Python文件中指定Python解释器的方法
2019/02/18 Python
Python使用numpy模块实现矩阵和列表的连接操作方法
2019/06/26 Python
浅谈PyQt5中异步刷新UI和Python多线程总结
2019/12/13 Python
Python进程间通信multiprocess代码实例
2020/03/18 Python
基于PyInstaller各参数的含义说明
2021/03/04 Python
CSS3中Animation动画属性用法详解
2016/07/04 HTML / CSS
洲际酒店集团大中华区:IHG中国
2016/08/17 全球购物
机械工程及其自动化专业求职信
2014/08/08 职场文书
合作协议书模板
2014/10/10 职场文书
党的群众路线教育实践活动批评与自我批评范文
2014/10/16 职场文书
java设计模式--七大原则详解
2021/07/21 Java/Android
Python编写车票订购系统 Python实现快递收费系统
2022/08/14 Python