已解决问题
谷歌lianmin6528用户在2016.05.08提交了关于“异常生物见闻录文本框(input)获取焦点(onfocus)时样式改变的示例代码”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-02-25T09:08:59。希望大家能够帮助她。详细问题描述及疑问：期待您的答案，你无异于雪中送炭,让我感激涕零 ！
文本框(input)获取焦点(onfocus)时样式改变的示例代码
时间：2016.05.08 发布人：lianmin6528
谷歌lianmin6528用户在2016.05.08提交了关于“异常生物见闻录文本框(input)获取焦点(onfocus)时样式改变的示例代码”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-02-25T09:08:59。希望大家能够帮助她。
希望以下的回答，能够帮助你。用户名：ivo1
多重视用户体验的设计师都希望给文本框(input)加上获取焦点或者鼠标悬停时的样式切换效果。其实很简单，我们只需要获取页面上的文本框，加上onfocus事件或者其他对应的问图场层学备命事件即可。本文介绍了如何在获取焦点时切换样式，明白原理后，实现其他效果就很简单了。许多重视用户体验的设计师都希望给文本框(inp注入钢照逐设跳ut)加上获取焦点或者鼠标悬停时的样式切换效领政果。其实很简单，我们只需要获取页面上的文本框，加上onfocus事件或者其庆他对应的事件即可。本文介绍了如何在获取焦点时切换样式，明白原理后，实现其他效果就很简单了。代码如下:functionfocusInput(focusClass,normalClass){varelements=document.getElementsByTagName("input");for(vari=0;i<elements.length;i++){i握害顺食与安烧绍与果医f(elements[i元气三振装故同刑天请政].type!="button"&&elements[i].typ业入液乙耐源元角握帝e!="submit"&&elements[i].type!="reset"){//if(elements[i].type=="text"){elements[i].onfocus=function(){this.cla举席双脱管鱼文科酒ssName=focusClass;};e跳lements[i].onblur=function(){this.className=normalClass||'';};}}}window.onload=func汉讲肥扩套tion(){focusInput('focusInput','normalInput');}代码如下:<styletype="text/css">.normalInput{border:1pxsolid#ccc;}.focusInput{border:1pxsolid#FFD42C;}</style>
第1个回答
本篇文章主要是对文本框(input)获取焦点(onfocus)时样式改变的