鼠标点击 文本框 消失 js

最新推荐文章于 2021-06-05 02:45:50 发布
最新推荐文章于 2021-06-05 02:45:50 发布
阅读量557 收藏
点赞数
分类专栏： Html 文章标签： 电话 input class 360
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/themehuaidan/article/details/2568157
版权

想起来前几天有个朋友问这个问题，就贴出来，很简单的js

<INPUT class=input2       οnblur="if(this.value==''){this.value='请输入想查询的关键字';}"       style="WIDTH: 360px; COLOR: #999999"       οnclick="if(this.value=='请输入想查询的关键字，如店名，地名，电话等'){this.value='';this.style.color='#000000';}"       value=请输入想查询的关键字，如店名，地名，电话等 name=Key>

themehuaidan
关注
专栏目录
js文本框点击时文字消失，失去焦点…
familycode的专栏
11-20 1287
方法一，直接在input中直接 方法二,  代码如下 复制代码                                                                       方法三，利用jquery实现  代码如下 复制代码   聚焦型提示语消失       js特效大全网注册  
js显示文本框提示文字的方法
10-24
下面，我们将详细介绍如何使用JS显示文本框提示文字，这涉及到JavaScript的鼠标事件（如焦点和模糊事件）以及样式操作的相关技巧。 首先，我们创建HTML页面，并为文本框设置一些默认的提示文字。例如，我们可以在每...
【JavaScript】鼠标点在文本框上文本框成密码框，如果不输入，鼠标离开，又变成文本框，文本框内显示”请输入密码“
05-23 2432
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">HTML> HEAD>  TITLE> Test TITLE>  script>... function show(obj)...{ if(obj.type=="text")...{    obj.style.display = "none";    document.get
JS之鼠标点击事件
lishirong_李世荣的专栏
12-02 586
点击事件var n=0;点击事件示范
js实现鼠标点击input框后里面的内容就消失代码
G19931112的博客
08-10 344
<!--# <a href="http://www.mianfeimoban.com/texiao_mb/" target="_blank" class="keylink">特效</a>来源：http://www.mianfeimoban.com --> <!-- 把下列代码加到<body>区域中 --> ...
实现在input框内提示请输入用户名，鼠标点击后消失，鼠标失焦后显示
luobida222的专栏
12-13 3168
&lt;html&gt; &lt;meta  content-type: text/html  charset = "utf-8"&gt;   实现在input框内提示请输入用户名，鼠标点击后消失，鼠标失焦后显示 &lt;br&gt; username :&lt;input type = "text" name = "uaername" placeholder = "请输入用户名&
基于JQuery实现鼠标点击文本框显示隐藏提示文本
10-28
基于JQuery实现鼠标点击文本框显示隐藏提示文本的功能，是前端开发中的一个常见需求。 要实现上述功能，可以利用JavaScript和JQuery。JQuery是一个快速、小巧且功能丰富的JavaScript库，它简化了HTML文档遍历、事件...
鼠标选中文本框，默认内容消失
11-12
总结来说，"鼠标选中文本框，默认内容消失"是一个常见的Web表单交互功能，它依赖于JavaScript的事件监听和DOM操作。通过理解并应用`focus`、`blur`和`input`事件，开发者可以创建出更加直观且用户友好的输入控件。
JS-事件/鼠标单击事件( onclick ）/鼠标经过事件（onmouseover）/鼠标移开事件（onmouseout）/光标聚焦事件（onfocus）/失焦事件（onblur）/内容选中事......
Jennyni1122的博客
06-17 9518
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。 比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。 主要事件表: image.png 鼠标单击事件( ...
小问题总结：鼠标点击到输入框（input）里的时候，输入框的提示消失，鼠标再移开，输入框提示出现
网站运营
03-16 6708
问题如标题： 鼠标点击到输入框（input）里的时候，输入框的提示消失，鼠标再移开，输入框提示出现。如图所示： 做法如下： 注意点为input的onblur和onfocus属性。另外也有简单的if判断。很方便很实用。 演示地址为：http://www.ya-jing.cn
几种点击连接时不出现虚边框的方法
凯凯的专栏
01-08 298
1.使用JS script> function document.onclick(){ if(event.srcElement.tagName=="A") event.srcElement.blur() } Testlink 2.使用CSS style> a{dovia:expression(this.onfocus=this.blur);cursor:hand}
两种实现点击'对话框'以外的区域，'对话框'消失的方法。
illusion_melody的博客
08-20 2100
html: &lt;div class="wrap"&gt; &lt;div class="content"&gt; &lt;/div&gt; &lt;/div&gt; 第一种思路：当前点击的对象不是对话框本身，则让对话框消失 var wrap = document.getElementsByClassName('wrap')[0]; var conten...
文本框的提示功能的使用
wangleishi1的专栏
02-23 2441
在Web页面上，有时我们要在文本输入框里给点提示信息，告诉用户在这个地方该输入什么内容，比如说“请输入评论内容...”等等之类的提示信息，当用户把光标单位在输入框的时候，不应该让用户去清除那些提示信息，我们可以写个脚本来帮我们做这件事情,请看下面的两个例子： 1、给文本框添加触发事件onfocus和onblur，调用函数处理。完整代码： function cls(){ //捕获触发
html 鼠标点击事件css,纯CSS无JS实现点击事件
weixin_33331063的博客
06-05 1565
已经阅读主要根据的技术点： 标签为 input 元素定义标注(标记)。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。 标签的 for 属性应当与相关元素的 id 属性相同。首先这里要实现一个点击后input框出现对号(注意这里的选择对号不是...
js点击框外任何地方框消失
mm_hello11的博客
10-25 2065
//点击div1外任何地方，div2消失 $(document).mouseup(function (e) { var _con = $('.div1'); if (!_con.is(e.target) &amp;&amp; _con.has(e.target).length === 0) { $('.div2').hide() } })  ...
js判断input输入框为空时遇到的问题 弹窗后，光标没有定位到输入框，而是直接执行我的处理页面程序...
weixin_33700350的博客
10-16 918
      无论是会员注册还是提交订单，我们都要使用到form表单，此时我们在处理数据时，就要判断用户填写的信息。一次是直接通过js判断input输入框是否没有填信息，然后在后台处理文件中通过过滤字符串后再次判断是否确实有内容了。 我遇到的问题：（记下来，下次忘记了再回来看看） js判断input输入框判断为空，  弹窗后，光标没有定位到输入框，而是直接执行我的处理数据程序。 我错误的原因是...
jQuery text文本框点击获取焦点时文字提示或焦点文字消失
iamber的专栏
05-21 4350
文本框输入文字后提示语消失特效 $(document).ready(function(){ //第一种 $("#focus .input_txt").each(function(){ var thisVal=$(this).val(); //判断文本框的值是否为空，有值的情况就隐藏提示语，没有值就显示 if(thisVal!=""){ $(this).sibling
JavaScript鼠标点到文本框时的提示信息
最新发布
06-10
当用户将鼠标放到文本框中时，提示信息会自动消失。例如： ```html 请输入您的姓名"> ``` 您还可以使用 JavaScript 来动态设置提示信息。例如： ```html var nameInput = document.getElementById("nameInput...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值