微信小程序input输入框密码的显示与隐藏

input的type之中并无password属性。

关键思路：动态改变password的值，从而实现密码的显示与隐藏。

小程序的 input 组件聚焦后d起键盘，自动通过页面上移的方式将输入框所在位置定位到键盘上方。

如果输入框本身就位于页面顶端，则不会造成上推事件，页面看上去很正常很舒服。

但是，如果输入框是位于页面底端，有时候我们只希望输入框定位到键盘上方，而页面其他元素不动。但是很遗憾，小程序并没有提供这样的接口。

针对这一问题，笔者尝试了很多方法，比如页面聚焦后，在 inputfocus() 属性中将输入框定位到键盘上方。后来发现，由于页面上推是第一事件，之后才进入 inputfocus() 函数，页面就会在已上推的基础上，对input框再定位，就会导致以下界面：

通过关闭输入框聚焦后的页面上推事件，自动定位输入框位置和滚动条长度来实现的。

---