【转】鼠标事件:文本输入框文字清除、选中的代码

最新推荐文章于 2022-12-09 07:41:50 发布

xiaobenbenxiong

最新推荐文章于 2022-12-09 07:41:50 发布

阅读量478

点赞数

分类专栏： js 文章标签： js ViewUI

本文链接：https://blog.csdn.net/xiaobenbenxiong/article/details/84209143

版权

7 篇文章 0 订阅

订阅专栏

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" οnclick="value='';focus()" />

鼠标点击文字选中：<input name="textfield" type="text" value="点击文字选中" size="12" οnclick="focus();select()" />

function aa(){

if((document.getElementsById(key).value).trim()==""){

alert("key");

return false;

}

</script>

</body>

</html>

<br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>

关注