您的位置:首页 > 产品设计 > UI/UE

layui.use模块外部使用其内部定义的js封装函数方法

2020-04-19 12:05 211 查看

用途:常用于监听输入框(其内部不提供监听函数)。

用法:需要在 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封装函数方法就是小编分享给大家的全部内容了,希望能给大家一个参考

您可能感兴趣的文章:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  layui use js 封装
相关文章推荐