js文本框点击时文字消失，失去焦点…

最新推荐文章于 2023-12-07 14:42:07 发布

原创最新推荐文章于 2023-12-07 14:42:07 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了三种方法来解决JavaScript中输入框点击时文本消失的问题。方法一是在input元素中直接处理，方法二是采用更简洁的方式，而方法三是利用jQuery库进行实现。这些方法可以帮助开发者确保用户在文本框内点击时，原有文字不会被清除。

方法一，直接在input中直接

方法二,

代码如下	复制代码

方法三，利用jquery实现

代码如下

复制代码

聚焦型提示语消失

js特效大全网注册

输入用户名

输入型提示语消失

js特效大全网注册

输入用户名

来源：：：http://www.111cn.net/wy/js-ajax/47180.htm

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小马-code

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

js实现input文本框点击时文字消失，失去焦点时文字出现

04-14

NULL 博文链接：https://luanxiyuan.iteye.com/blog/1744279

js实现input文本框点击时文字消失，失去焦点

10-15

js实现input文本框点击时文字消失，失去焦点

参与评论您还未登录，请先登录后发表或查看评论

在js(jquery)中获得文本框焦点和失去焦点的方法

10-27

介绍两个方法和种是利用javascript onFocus onBlur来判断焦点和失去焦点，加一种是利用jquery $("p").blur(); 或$("p").blur(fn)来实现，有需要的朋友可以参考一下

点击input文本框，文字消失 JS

weixin_34372728的博客

01-08

1268

<HTML> <HEAD> <title>点击input文本框，文字消失</title> <script type="text/javascript"> //得到焦点触发事件 function OnfocusFun(element,elementvalue) { if(element.value...

JavaScript 使用value给输入框赋值，输入框显示数据但是鼠标点击编辑时值消失

技术连接你我

05-27

1368

3.发现此处需要手动去触发下事件document.querySelector(‘.class input’).dispatchEvent(new Event(‘input’));1、今天在写脚本过程中发现使用document.querySelector(‘.class input’).value;= “1” 给input输入框赋值,赋值成功。2.页面显示输入框内的确是赋值成功了，但是在输入框中编辑该值时，或者鼠标单击输入框外的地方时，值消失了。

文本框点击时文字消失，失去焦点时文字出现

09-06

当文本框失去焦点（例如用户点击了别处或者按下回车键）时，如果用户没有输入任何内容，提示文字又会重新出现。这种功能在搜索框中尤其常见，例如提示用户“请输入搜索关键字”。在提供的代码中，实现了这样一个...

文本框点击时文字消失失去焦点时文字出现

05-08

### 文本框点击时文字消失失去焦点时文字出现 #### 背景介绍在Web开发中，用户体验是至关重要的一个方面。一个优秀的用户界面能够极大地提升用户的满意度和产品的竞争力。其中，表单元素（如文本框）的设计与交互...

js 鼠标点击文本框 提示文字消失（小例子）

TomGMajestic的博客

11-16

323

这是在网上找的，感觉很有用就记录下来：鼠标点击文本框 提示文字消失

js 文字消失

努力工作

07-23

852

New Document var col = new Array(); col[15] = #000000; col[14] = #111111; col[13] = #222222; col[12] = #333333; col[11] = #4

用JS来实现输入框提示文字点击时消失

weixin_30344131的博客

07-20

428

在网页登陆框里的输入框里常常会看到提示你输入什么内容的字样颜色比较淡的，这个就是“文本框点击时文字消失，失去焦点时文字出现”这个效果；这个效果用个JS就可以完成，这个效果是做网站的人必备的JS代码；自己会写JS的写写也快，不会写的就需要代码收集以作备用，用到的时候就方便多了。下面就是这个效果实现用到的JS代码：程序代码 <scriptlanguage="JavaSc...

JS实现输入框提示文字点击时消失效果

Who am Sinclair

07-25

1623

搬博前 2017年06月24日 09:34:01 发布的在网页登陆框里的输入框里常常会看到提示你输入什么内容的字样颜色比较淡的，这个就是“文本框点击时文字消失， 失去焦点时文字出现”这个效果；这个效果用个JS就可以完成，这个效果是做网站的人必备的JS代码；自己会写JS的写写也快，不会写的就需要代码收集以作备用，用到的时候就方便多了。/*代码分割线------------------...

JS 文本框失去焦点样式改变

weixin_43787306的博客

11-24

2540

文本框失去焦点样式改变

js实现字体渐渐消失

dodomail的专栏

07-23

1312

[code="html"] var col = new Array(); col[15] = '#000000'; col[14] = '#111111'; col[13] = '#222222'; col[12] = '#333333'; col[11] = '#4...

使用js填充进input的value，为什么一点击输入框就消失了

寬真

12-07

508

解决React中操作input的value时无法触发input事件问题 - 代码先锋网

js实现点击文本框使得文本框中内容消失

攀爬蜗牛-dutycode.com

02-20

4812

在用ThinkPHP框架进行开发的时候，在修改密码的情况下想进行文本框中文本提示“点击输入新密码”，但是不知道如何去实现，于是想到了javascript，于是借助百度，我找到了一种方法，可以实现我的需求。代码如下：密码: function addListener(element,e,fn){

JS之文本框获得焦点和失去焦点

weixin_30735391的博客

12-18

276

需求：京东的获取焦点思路：京东的input按钮获取了插入条光标立刻删除内容。失去插入条光标显示文字获取事件源和相关元素 <body> 京东：<input type="text" name="jd" id="inp1" value="我是京东" /><br> 淘宝：<label for="inp2">我是淘宝</label>...

js文本框点击时文字消失，失去焦点时文字出现

turbo12138

01-22

782

我们经常会看到一些网站像注册要填表单的都会一种就是文本框有焦点时文本框提示消失，如果我们离开时文本西式文件提示就出来了，下面我来给大家介绍一些常见的代码。方法一，直接在input编写代码如下复制代码 <input type="text" onfocus="if(this.value=='指中我看看什么效果') this.value='';" onblur="if...