详细问题描述
[内容]
使用了MUI的一个登录框,代码如下
重现步骤```javascript
<form id="login-form" class="mui-input-group">
<div class="mui-input-row">
<label>账号</label>
<input id="phoneNumber-1" oninput="if(value.length>11)value=value.slice(0,11)" type="number" class="mui-input-clear" placeholder="请输入手机号码">
</div>
<div class="mui-input-row">
<label>密码</label>
<input id="password-1" oninput="if(value.length>16)value=value.slice(0,16)" type="password" class="mui-input-password" placeholder="请输入密码">
</div>
效果如下:
请看第一张图
问题:
点击小眼睛无法显示密码
采取的措施:
打算自己实现这个功能,当点击小眼睛的时候若class中没有mui-active则将input的type改为password,否则class加上mui-active并将input的type改为text
采取措施后遇到的问题:
调试后发现点击小眼睛后能触发onclick事件,但是一直在执行mui.js中的代码,感觉就是在循环执行,因为我f11下一步了5分钟都没跑完
调试中貌似一直在执行的代码截图:
请看第四张图
自己重写的代码部分贴图:
请看第二第三张图
[步骤]
[结果]
[期望]
运行环境
linux deepin
[系统版本]
不可曰
[浏览器版本]
chrome
[IDE版本]
intilej idea
[mui版本]
不知
附件
[代码片段]
[安装包]
联系方式
[QQ]
1399956473
[电话]