鼠标变乱:文本输入框笔墨破除、选中的代码

发布时间：2018-09-01 20:13:28 所属栏目：编程来源：站长网

导读：js鼠标变乱，这是WEB一般开拓常常用到的，好比我们在处理赏罚input文本框的内容时，当value的值为现实内容时，此时若是我们必要访客从头输入，可能把value看成提醒笔墨时，怎么能让网站体验到达最高呢，那就是利便访客输入，这就用到了本文中的殊效。关于js鼠

　　js鼠标变乱，这是WEB一般开拓常常用到的，好比我们在处理赏罚input文本框的内容时，当value的值为现实内容时，此时若是我们必要访客从头输入，可能把value看成提醒笔墨时，怎么能让网站体验到达最高呢，那就是利便访客输入，这就用到了本文中的殊效。关于js鼠标的变乱，猛火讲到许多，譬喻：javascript鼠标变乱总结、Js Event之鼠标变乱、鼠标触发笔墨变色、Input输入框点击消散鼠标分开还原、输入框(Input)默认的笔墨为灰色等等，更多相干教程，请用猛火站内搜刮查找吧！

　　那么本文讲的就是进步网站用户体验的小能力之：鼠标点击或颠末期，文本输入框笔墨破除、选中的成果。

　　下面就来看一下现实结果：

<html> <head> <title>鼠标点击文本框后，内里的笔墨就消散或全选中 - 网页殊效来自：猛火学院 Liehuo.Net</title> </head> <body> 鼠标点击笔墨消散：<input name="textfield" style="color:#CCC;" type="text" value="点击笔墨消散" size="12" onclick="value='';focus()" /> <br/> <br/> 鼠标点击笔墨选中：<input name="textfield" type="text" value="点击笔墨选中" size="12" onclick="focus();select()" /> <br/><br/> <input name="key" type="text" id="key" style="color:#CCC;" value="猛火学院" size="30" onmouseover=this.focus();this.select(); onclick="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#CCC'}" style="color:#ccc" /> <script type="js/text"> function aa(){ if((document.getElementsById(key).value).trim()==""){ alert("key"); return false; } } </script> <input type="submit" id="ddf" onclick="return aa();"> </body> </html> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

MYSQL_框架之主从GTID	MySQL Online DDL的实
MySQL 5.7 mysqldumps	MySQL TEXT、DATE、SE