javascript-如何根据是否为占位符来更改textarea文本的颜色？
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何根据是否为占位符来更改textarea文本的颜色？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1042字，纯文字阅读大概需要2分钟。
内容图文
我基本上想使用JavaScript重新创建HTML5“占位符”属性,以便它与旧的浏览器兼容.
我使用的是OnFocus和OnBlur的组合,这很容易,我通过以下代码完成了此操作；
<textarea onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;">Placeholder text</textarea>
占位符文本将为浅灰色(#CCC),然后当重点放在文本区域时,它将变为深灰色(#333).这在CSS中可以毫无问题地完成,但是,如果textarea的内容与原始占位符不同,我希望颜色在未聚焦时仍保持深灰色.
如果我的解释不好,那么这是一个(非常轻微)更好的解释；
页面加载—> textarea占位符= #CCC —>用户专注于textarea —> textarea内容变为#333 —>用户释放焦点—>除非内容已更改,否则内容应更改回#CCC,在这种情况下,应保留#333
大胆的一点是我需要帮助的！
谢谢！ ：D
编辑：占位符消失在焦点上的事实不是问题,不需要“修复”
解决方法:
?textarea {
color: #ccc;
}?
<textarea
onfocus="if(this.value==this.defaultValue) this.value=''; this.style.color = '#333';"
onblur="if(this.value=='') this.value=this.defaultValue; this.style.color = '#ccc';">Placeholder text</textarea>?
内容总结
以上是互联网集市为您收集整理的javascript-如何根据是否为占位符来更改textarea文本的颜色？全部内容，希望文章能够帮你解决javascript-如何根据是否为占位符来更改textarea文本的颜色？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。