HimlyOne
HimlyOne
  • 发布:2017-09-01 00:54
  • 更新:2019-07-17 09:17
  • 阅读:6198

【报Bug】输入框小眼睛显示密码的图标BUG

分类:MUI

详细问题描述
[内容]
使用了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  
[电话]  
2017-09-01 00:54 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com - 前端略知一二

没有简便的方法了吗

该问题目前已经被锁定, 无法添加新回复