查了网上说的很多方法比如autoComplete="new-password", autoComplete="off",隐藏input标签都没起效果,可能是我代码的问题,就自己处理了一下,不嫌麻烦的可以试下
这里代码是以react项目为例
// render中的Input组件
<Input
value={this.state.newPwdConfirm}
type="password"
id="newPwdConfirm"
readOnly
onChange={this.changePassword}
onBlur={this.handleBlurPassword}
onClick={this.handleClickPassword}
/>
// react函数
handleClickPassword = (e) => {
let newPassword = document.getElementById(e.target.id)
newPassword.removeAttribute('readonly')
newPassword.focus()
}
handleBlurPassword = (e) => {
let newPassword = document.getElementById(e.target.id)
newPassword.setAttribute('readonly', 'readonly')
}
changePassword = (e) => {
// 这里可以做一些设置e.target.value的事
if (e.target.value === '') {
this.handleBlurPassword(e)
setTimeout(() => {
this.handleClickPassword(e)
})
}
}
测试在chrome下暂时没有问题