Javascript 在firefox浏览器上隐藏占位符测试焦点

我使用HTML5占位符属性来标记表单元素

我希望隐藏占位符onfocus事件，但在firefox中，它仅在用户开始键入时才显示

当我使用以下样式时，它在所有其他web浏览器上都很好

[placeholder]:focus::-webkit-input-placeholder {
  color: transparent;
}

但在最新版本的firefox上没有

---

如何在firefox浏览器上隐藏占位符onfocus

您也有jQuery选项。试试这个：

var placeholderValue = "";
$('input').focus(function () {
  placeholderValue = $(this).attr('placeholder'); // save the value
  $(this).attr('placeholder', ''); // remove the value for that
}
$('input').blur(function () {
  $(this).attr('placeholder', placeholderValue); // update the value! :)
}

当有一个模糊事件时，把它的值还给它

更新小提琴：

我已经在我的Firefox上测试过：-而且它工作得非常完美

moz供mozilla使用

大宗报价

输入：-moz占位符{ 颜色：透明；

---

}

这确实有效，但当你聚焦和不聚焦时，价值将永远失去。这就是我为什么要尝试的原因css@JaganK好了：我已经更新了fiddle并添加了代码来存储值：我正在考虑使用focusout函数，你认为模糊更好吗？我没有完美的答案，但你可以从这里得到答案：：祝你好运！