Javascript 浏览器自动填充功能不会触发任何JS事件

type=password的存在将使浏览器能够提示记住密码功能。如果用户名已经存在，则会弹出带有缓存用户名的下拉窗口，如果其密码存在，则会由浏览器填充，非常方便。但是，该特性不会触发任何JS事件！！。如果在密码文本框中输入了密码或任何值，我希望将跨度隐藏起来，但是浏览器的特性让一个小错误悄悄出现

---

感谢您的帮助。我不使用jQuery，因此一个简单的JS解决方案/解决方案可以帮助我

如果文本框是空的，我相信你想用标题密码来掩盖它。我能想到的一个简单的解决方案是挂接页面加载，看看文本是否可用

---

更好的方法是使用现有的和经过测试的框架。你可以在Bootstrap中找到你想要的东西。转到并查看内联表单示例

我相信如果文本框为空，您希望用标题密码来掩盖它。我能想到的一个简单的解决方案是挂接页面加载，看看文本是否可用

---

更好的方法是使用现有的和经过测试的框架。你可以在Bootstrap中找到你想要的东西。转到并查看内联表单示例

钩住页面加载并检查文本可用性？？。。你能详细说明一下吗？？。。而且，是的，内联表单中发生的事情正是我试图实现的，不幸的是，我在这方面遇到了困难。为什么不使用引导本身呢？从你的代码来看，你不是针对IE吗？嗯，这只是一个示例代码。。我希望它是cross broser，而boot strap——使用HTML5，这又一次——与旧浏览器不兼容；注意旧版本的IE不支持页面加载和文本可用性检查中的addEventListenerhook？？。。你能详细说明一下吗？？。。而且，是的，内联表单中发生的事情正是我试图实现的，不幸的是，我在这方面遇到了困难。为什么不使用引导本身呢？从你的代码来看，你不是针对IE吗？嗯，这只是一个示例代码。。我希望它是cross broser，而boot strap——使用HTML5，这又一次——与旧浏览器不兼容；注意旧版本的IE不支持addEventListener

<form>
<input type="text" id="username" value="Username">
<div style="position:relative">
<span style="position:absolute;top:0;" id="passwordTxt">Password</span>
<input style="position:absolute;top:0;visibility:visible;" 
type="password" id="password" value="">
</div>
</form>

var obj=document.getElementById("password")
obj.addEventListener( "change", change(0) , false );
obj.addEventListener( "input", change(0) , false );
obj.addEventListener( "focus", change(0) , false );
obj.addEventListener( "blur", change(1) , false );

function change(action){
return function (){ 
var txt = document.getElementById("passwordTxt")
var pass= document.getElementById("password")
if(action){
if(pass.value =="")
txt.style.visibility="visible";
}
else txt.style.visibility="hidden";
}
}