js实现鼠标点击input框后里面的内容就消失代码

最新推荐文章于 2018-01-20 11:54:25 发布
最新推荐文章于 2018-01-20 11:54:25 发布
阅读量2.7k 收藏
点赞数
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/umgsai/article/details/38467529
版权 
 
 
  1. <!--# <a href="http://www.mianfeimoban.com/texiao_mb/" target="_blank" class="keylink">特效</a>来源：http://www.mianfeimoban.com --> 
  2.  
  3. <!--  把下列代码加到<body>区域中 --> 
  4.  
  5. <INPUT TYPE="TEXT" size="18" value="这是默认的内容" onfocus="if (value =='这是默认的内容'){value =''}" onblur="if (value ==''){value='这是默认的内容'}"> 

 

 

本文出自 “阿凡达” 博客，请务必保留此出处http://shamrock.blog.51cto.com/2079212/812715

商商-77
关注
专栏目录
Vue3 - 详细实现点击文字或按钮后 “变成输入框“ 进行文本编辑，同时能保存修改和取消编辑状态功能，文本旁边有笔图标点击后文字变成 input 框可对文字编辑修改，最新解决方案（详细示例代码教程）
王佳斌
07-04 1781
vue3，nuxt3，点击变成输入框，点击编辑按钮让文本变为input方便修改，点击元素变输入框，可编辑input输入框，点击文字内容后变成＜input＞输入框同时能修改和取消、删除，输入框input点击右侧编辑图标后变为可编辑状态，当失去焦点后自动保存，vue文字点击变为输入框能修改，内容变成input可以修改，vue3点击按钮后旁边的文字变为可编辑，组件插件，教程，使文本变成可编辑的效果，点击取消复原，失去焦点还原，取消后恢复成原来的样子，如何实现点笔icon图标将html变成文本输入域能修改和移除，点
jquery模仿苹果网站鼠标动到搜索框上后的特效
06-11
而当鼠标移开后，搜索框则恢复原状。 首先，我们需要理解这个效果的核心在于监听鼠标的`mouseover`和`mouseout`事件。`mouseover`事件在鼠标指针进入元素时触发，而`mouseout`事件在鼠标指针离开元素时触发。我们...
js实现input文本框点击时文字消失，失去焦点时文字出现
04-14
NULL 博文链接：https://luanxiyuan.iteye.com/blog/1744279
JS 实现input文本框点击时文字消失，失去焦点时文字出现
一直专注于互联网
10-07 2046
JS+html   &lt;input onblur="if (value ==''){value='输入文字'}" onclick="if(this.value=='输入文字')this.value=''" value="输入文字" /&gt;     效果图：   
解决JS单击事件设置的弹出模块在点击后闪现消失的问题
喜欢海
01-20 7846
源代码如下（主要就是在onclick事件后面，记得返回一个false）： # html代码部分： button onclick="diago({{ cate.id }});return false;" class="am-btn am-btn-default am-btn-xs am-text-secondary" id="editcate"> a href="">
鼠标点击input框后里面的内容就消失
weixin_34313182的博客
03-03 2130
<!DOCTYPE html><html> 　　<head> 　　　　<meta charset="UTF-8"> 　　　　<title>鼠标点击input框后里面的内容就消失</title> 　　</head> 　　<body> 　　　　<input type="text" size=...
input点击后placeholder中的提示消息消失
09-02
这可能会影响用户体验，因为用户可能期望点击输入框后提示信息就应立即消失。为了解决这个问题，可以通过JavaScript来实现自定义行为，确保`placeholder`文本在输入框获得焦点时消失。例如： ```html <input type=...
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
10-29
本篇将详细讲解如何使用jQuery来实现在表单`input`中的提示文字随鼠标焦点移进移出而显示或隐藏的功能。 首先，我们需要在HTML中设置表单的基本结构。通常，每个`input`元素会有一个默认的`value`属性，这个属性的...
Bootstrap的popover（弹出框）2秒后定时消失的实现代码
10-20
4. **自定义行为**：如果想要在特定条件下触发Popover，或者让Popover在特定时间后自动消失，可以通过编写JavaScript函数来实现。在提供的代码中，`showPopover`函数就是这样一个例子。这个函数接受一个目标元素和一...
[Javascript]如何在HTML中实现点击input输入框（获得焦点）后默认提示消失的效果...
thewebcode
02-16 1281
在写HTML的时候经常会遇到输入框需要输入提示的情况，也就是点击文本框后提示内容自动消失。 例如以下场景，是一个简单的默认提示： 点击输入的时候十分麻烦，需要将提示删除才可以。 如何HTML中实现点击input输入框（也就是获得焦点）后，准备输入的时候，让默认提示消失？ 代码如下： &lt;html&gt; &lt;head&gt;&lt;/head&gt; &lt;body...
实现当单击文本框时内容消失，点击其他地方再次出来
weixin_34220834的博客
09-23 328
&lt;script language="javascript"&gt; function cls(){ //捕获触发事件的对象，并设置为以下语句的默认对象 with(event.srcElement)      //如果当前值为默认值，则清空 if(value==defaultValue) value="" } function res(){ //捕获触发事件的对象，并设置为以下语句的默认对象 ...
解决input点击后placeholder消失问题：简单方法与两种实现方式对比
例如，在Chrome等现代浏览器中，当鼠标点击输入框时，placeholder通常不会自动消失，除非用户开始键入内容。这可能导致用户体验上的不便，特别是在跨浏览器兼容性需求较高的场景下。 为解决这个问题，一种常见但...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值