在使用 contenteditable div 时模仿密码类型的输入
时间：2023-10-21
本文介绍了在使用 contenteditable div 时模仿密码类型的输入的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！
问题描述
我使用 contenteditable div 而不是输入元素，因为它们在输入框中的样式方面更加灵活.我只是想知道是否有办法让输入看起来像一个输入元素，其类型设置为密码，如下所示:
<输入类型='密码'>我希望这已经足够清楚了.谢谢.
解决方案
你必须找出 mozilla 和 co.. 的浏览器特定的 CSS 设置.但在 webkit 中它看起来像这样.您还需要通过 javascript 为其添加按键处理程序.
<style>#密码 {-webkit-text-security:光盘；高度:20px；宽度:100 像素；-webkit-外观:文本字段；填充:1px；背景颜色:白色；边框:2px 插图；-webkit-user-select:文本；光标:自动；}</风格><div id="password" contenteditable="true">你的密码</div><脚本>//你可以使用 javascript 来做一些好的事情var fakepassw=document.getElementById('password');//fakepassw.contentEditable="true";fakepassw.addEventListener('focus',function(e){/*yourcode*
layer.open打开的页面关闭时，父页面刷新的方法layer.open打开的页面关闭时，父页面刷新的方法，在layer.open中添加： end: function(){ window.parent.location.reload();//关闭open打开的页面时，刷新父页面 }