鼠标离开和点击事件——输入框提示语

最新推荐文章于 2023-11-01 11:34:49 发布
最新推荐文章于 2023-11-01 11:34:49 发布
阅读量3.7k 收藏 1
点赞数
分类专栏： JS我的大爱
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/myPet_pang/article/details/47953043
版权 
<input id="phone_num" name="wxuser" type="text" maxlength="11" value="请输入11位手机号码" οnfοcus="if (value =='请输入11位手机号码'){value =''}" οnblur="if (value ==''){value='请输入11位手机号码'}" />
<input id="login_pwd" name="wxpasswd" type="password" value="请输入登录密码" οnfοcus="if (value =='请输入登录密码'){value =''}" οnblur="if (value ==''){value='请输入登录密码'}"/>


效果如下：

鼠标点击第一个输入框，提示文字消失；鼠标离开第一个输入框，提示文字显示。

myPet_pang
关注
专栏目录
html文本框鼠标离开事件,html鼠标事件_文本框事件
weixin_33748493的博客
06-03 1812
该楼层疑似违规已被系统折叠隐藏此楼查看此楼今天57号网络技术分享给大家介绍html鼠标事件，就是当前文本框获得焦点时，里面的原有文本清零。首先我们来看一看源代码运行后的效果图片：你也可以【点击预览】，看到我们真实的效果。下面是源代码，喜欢就支持一下吧：/p>Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition...
零基础学习Alfred(二)——常用功能和设置
m0_46528371的博客
09-18 1802
怎样才能让新手快速掌握Alfred这款Mac高效率工具呢？macw小编为大家带啦了Alfred常用功能和设置，让你来深入了解Alfred。 Alfred常用功能设置 General通用设置 Startup（启动） 勾选表示系统重启时，会自动启动 Alfred。 Alfred Hotkey（Alfred 热键） 设置显示 Alfred 输入框的键盘快捷键，我一般设置为 command + Space，也就是苹果键（Apple key，⌘）和空格键组合，很多人使用 command + command 或 op
js学习-鼠标经过输入框显示提示信息
ZY1300的博客
11-19 623
经过输入框能显示信息，一种直接用css的title属性,title属性能显示要提示的信息，但不宜控制, 学习整理js方法，即如下代码： <!DOCTYPE html><html> 　　<head> 　　　　<meta charset="utf-8" /> 　　　　<title>移动到输入框提示信息</title&g...
关于鼠标离开客户区提示问题
talentbabby的专栏
11-24 358
<br />首先在mousemove中定义 TRACKMOUSEEVENT   <br />void CMySliderBar::OnMouseMove(UINT nFlags, CPoint point)<br />{<br /> // TODO: 在此添加消息处理程序代码和/或调用默认值<br />  TRACKMOUSEEVENT   tme; <br />  tme.cbSize     =  sizeof(TRACKMOUSEEVENT); <br />  tme.dwFlags    =  TM
键盘事件，鼠标事件和输入框事件详解
weixin_52014130的博客
05-13 1858
前言：我们在编写前端界面时，总是与事件牵扯不清！配合事件使用，才能使我们呈现出好的页面效果。同时使用正确的事件，用户使用起来才会容易操作！ 1.鼠标事件 点击事件 mousedown --按下鼠标 悬浮事件 mousemove --移动 点击事件 mouseup --松开鼠标 悬浮事件 mouseleave --离开 点击事件 touchstart --接触开始 悬浮事件 touchmove--接触移动 点击事件 touchend...
html js鼠标离开事件,JavaScript(js)处理的HTML事件、键盘事件、鼠标事件
weixin_39706491的博客
06-04 161
示例代码：HTML文件：HTML文件window.onload=function () {var d=document.getElementById('d');//内容发生改变，并焦点发生改变，才可以监听到d.onchange=function () {alert('内容发生改变')}}键盘事件：键盘事件window.onload=function () {window.onkeypress...
MinGW安装教程——著名C/C++编译器GCC的Windows版本
Never-Giveup的博客
12-26 6064
前言 本文主要讲述如何安装 C语言 编译器——MinGW，特点是文章附有完整详细的实际安装过程截图，文字反而起说明提示作用。 编写本文的原因始于我的一个观点：图片可以比文字传达更多的信息，也能让其他人更容易理解作者的意图及思想。因此，我将安装 MinGW 的过程和步骤，编写成了这篇以图片为主的教程，为了让看到这篇文章的任何人，都可以很容易按照图片所示正确安装 MinGW。 一、什么是 MinGW ...
NC开发笔记——二开知识点
热门推荐
獨立小橋風滿袖
05-06 2万+
用友集团ERP客户化开发系列丛书 NC客户化开发进阶 培训教程 V2.0版 本教程是用友软件股份有限公司内部培训资料，只限于用友公司内部开发应用，任何人未经过事先书面许可不得扩大本教程的使用范围。同样，未经过用友公司书面许可，任何人不得以任何形式对本手册进行增删、改编、节选、翻译、翻印或仿制，违者必究！ ?本手册的著作权属于用友软件股份有限公司 版权所有?翻制必
C1认证之web基础知识及习题——我的学习笔记
m0_67393619的博客
08-01 266
大家好，我是。的博客大家一起成长呀！笔芯Web基础十四、语义化标签。
Idea插件开发（三）——插件JSL的完整开发过程
zhulier1124的博客
08-03 3115
Idea插件开发（一）——插件的分类及基础认识 Idea插件开发（二）——插件的创建打包及发布 Idea插件开发（三）——插件JSL的完整开发过程 上篇主要介绍了通过两种模式创建、打包、发布插件，本篇我将记录自己写的插件 JSL 完整的开发过程，插件开发也遵从软件开发流程，同样拥有开发周期和迭代升级的维护周期，当然这完全取决于开发者。 JSL(Jpa Sql Log) 插件开源地址 Jpa Sql Log：https://github.com/jwwam/jpa-sql-log 插件功能描述 这是我开
控制input输入框中提示信息的显示和隐藏的方法
12-13
在运用html+css+javascrpt进行页面制作时，我们往往会遇到一些影响用户体验，而又容易被我们忽视的小细节。比如，input输入框中的提示信息，怎样才能根据对象获得和失去焦点而实现其显示和隐藏。今天在这里，想跟大家分享一下这个小技巧，希望各位大神不要拍砖哦~~~ 一、要求 input输入框，在光标显示时，隐藏提示信息；光标离开输入框时，显示提示信息。 二、方法 1、给该input取id名，Onfocus=”方法名1(this)”，onblur=”方法名2(this)” 2、声明变量value，通过id名获得该input 3、function 方法名1(inputObj){ 代码如下
鼠标焦点离开文本框时验证的js代码
10-27
本文为大家介绍下利用js来验证文本框的值，当鼠标焦点离开文本框时进行验证，示例代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
前端点击其他输入框的时候，对当上个输入框进行判断（鼠标移出输入框事件，和鼠标点击其他输入框触发事件）
最新发布
weixin_53607413的博客
11-01 992
一个很常见的问题，添加某一条信息的时候，例如输入账号之后，在输入密码的时候，立即对账号的输入框进行一个简单的验证。
html当鼠标离开时触发事件,html中在鼠标指针移动到元素外时触发的事件属性onmouseout...
weixin_42300478的博客
06-04 1529
实例当鼠标指针移动到图像之外时执行一段 JavaScript：浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 onmouseout 属性。定义和用法onmouseout 属性在鼠标指针移动到元素外时触发。注释：onmouseout 属性不适用以下元素：、、、、、、、、、 或 。HTML 4.01 与 HTML5 之间的差异无。语法属性值值描述scriptonmo...
小问题总结：鼠标点击到输入框（input）里的时候，输入框的提示消失，鼠标再移开，输入框提示出现...
weixin_30371875的博客
03-16 383
问题如标题： 鼠标点击到输入框（input）里的时候，输入框的提示消失，鼠标再移开，输入框提示出现。如图所示： 做法如下： <inputtype="text"name="name"id="name"class="ind_cont_inputind_cont_inputioce1"onfocus="if(value==...
鼠标经过 离开事件 mousemove mouseleave
qq_70020706的博客
11-22 1461
鼠标经过 离开事件 mousemove mouseleave
JS input框动态效果_提示语的隐藏与出现
兰苹果
03-17 3597
JS input框动态效果_提示语的隐藏与出现，鼠标不在时出现提示语，鼠标消失时出现提示语。 
鼠标移入与离开事件及页面开关
m0_59505309的博客
06-22 1217
鼠标移入与离开事件及页面开关
HTML中的DOM事件——鼠标事件、键盘事件、框架对象事件、表单事件
weixin_44867717的博客
07-06 5032
dom元素
用C++实现鼠标点击QSpinBox输入框产生提示信息
06-08
实现鼠标点击QSpinBox输入框产生提示信息，可以通过以下步骤实现： 1. 在头文件中包含QSpinBox和QToolTip的头文件。 ```cpp #include <QSpinBox> #include <QToolTip> ``` 2. 继承QSpinBox类并重写其mousePressEvent()函数。在该函数中，调用父类的mousePressEvent()函数以确保原有的处理逻辑得到执行，并且使用QToolTip::showText()函数来显示提示信息。 ```cpp class MySpinBox : public QSpinBox { public: MySpinBox(QWidget *parent = nullptr) : QSpinBox(parent) {} protected: void mousePressEvent(QMouseEvent *event) override { QSpinBox::mousePressEvent(event); // 调用父类的mousePressEvent()函数 QToolTip::showText(mapToGlobal(rect().center()), "点击了QSpinBox输入框", this); // 显示提示信息 } }; ``` 3. 在主程序中创建该自定义的MySpinBox类的实例，并将其添加到窗口中。 ```cpp int main(int argc, char *argv[]) { QApplication a(argc, argv); QWidget window; window.setWindowTitle("QSpinBox演示"); MySpinBox spinBox(&window); spinBox.setGeometry(50, 50, 100, 30); spinBox.setToolTip("这是一个QSpinBox输入框"); window.show(); return a.exec(); } ``` 运行程序后，当用户点击QSpinBox输入框时，会在其中心位置显示提示信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值