文本框得到焦点後，清空内容，失去焦点，还原成默认值

最新推荐文章于 2021-12-04 17:24:44 发布
最新推荐文章于 2021-12-04 17:24:44 发布
阅读量1.6k 收藏
点赞数
分类专栏： JavaScript 文章标签： function input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wszhoho/article/details/1571051
版权
<script>
function OnEnter( field ) { if( field.value == field.defaultValue ) { field.value = ""; } }
function OnExit( field ) { if( field.value == "" ) { field.value = field.defaultValue; } }
</script>
<input type=text value="预设文字" onFocus=OnEnter(this) onBlur=OnExit(this)> 
wszhoho
关注
专栏目录
html文本框input表单输入框默认提示信息插件，获得焦点自动清空默认值，失去焦点对比确认默认值
12-02
本插件是为输入用户名的提示信息而写的 功能虽然简单但对于做开发的人来说每次写这几行代码也实属繁琐 所以我就把这几行代码写成了jquery的插件以求以后用起来更加便捷 简单说明： 1 可以自动默认提示信息 若不设置则默认值为：用户名 邮箱 2 当input获得焦点时 input的值会被自动清除；当input失去焦点时 会判断输入值与默认值是否一致 如果一致（或空）则再次显示默认提示信息 若不一致（已输入信息）则input值为所输入值 3 此插件是jquery插件 调用方式为 $ "#xxx" autoTip ; 并可以指定input获得焦点和失去焦点的CSS样式 以下为参数说明 + 参数 @input 入参 json对象 @ dvalue input表单提示默认值 @ tip 默认提示信息样式名class @ tipnone 在指定的input执行click时替换的样式名class + 使用方法: $ "#xxx" autotip ; @ #xxx 为需要提示的input的id">本插件是为输入用户名的提示信息而写的 功能虽然简单但对于做开发的人来说每次写这几行代码也实属繁琐 所以我就把这几行代码写成了jquery的插件以求以后用起来更加便捷 简单说明： 1 可以自动默认提示信息 若不设 [更多]
TextBox获取焦点清空文本，失去焦点回复文本
liuyaokai1990的博客
07-01 118
一、 (1)TextBox获取焦点清空文本，失去焦点回复文本 <input type="text" id="searchKey" name="key" class="textBox" value="请在此处输入关键字"onfocus="if(this.value==this.defaultValue)this.value=''" onblur="if(this.value.repl...
文本框得到焦点后，清空内容，失去焦点，还原成默认值
北极光的博客
09-06 1930
好久没更新，今天来写一篇。     如题，就是一个关于文本框的东东，记录下来，省的以后用的时候再找，嘻嘻！    其实蛮简单的一段代码，却很实用： function OnEnter( field ) {    if( field.value == field.defaultValue ) {       field.value = "";    } } function
关于输入框得到焦点时文本框清空,失去焦点时又显示默认文字，值发生改变时不再恢复默认文字的两种方法
wyz1978154331的专栏
08-19 5853
第一种方法： 第二种方法：                             文本框点击时文字消失，失去焦点时文字出现                                                         function addListener(element,e,fn)    {       if(element.addE
当某个文本框成为焦点时即清除文本框内容
12-10
代码如下: <!doctype html> <html> <head> <meta charset=”utf-8″> <title>成为焦点时清除文本框内容</title> [removed] [removed] = initAll; function initAll(){ var clearText = document.getElementsByTagName(“input”); for (var i=0; i<clearText.length; i++){ clearText[i].onfocus = function ( ){ this.value = “”; } } } </s
文本框获得焦点和失去焦点的判断代码
12-09
- `onChange`: 当文本框内容改变且失去焦点时触发。 - `onSelect`: 当用户选取了文本框内的一部分文字时触发。 - `onPropertyChange`: 如果文本框的任何属性发生变化时都会触发，非常敏感，包括粘贴、按键事件或`...
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
10-21
本文介绍了一个使用jQuery实现的简单实例，即在网页中通过注册文本框获取焦点时清空提示，失去焦点时如果没有输入，则重新显示提示信息的功能。在用户注册过程中，这常常被用来提示用户输入必须的信息，如账号、密码...
在js(jquery)中获得文本框焦点和失去焦点的方法
10-27
介绍两个方法和种是利用javascript onFocus onBlur来判断焦点和失去焦点，加一种是利用jquery $("p").blur(); 或$("p").blur(fn)来实现，有需要的朋友可以参考一下
文本框失去焦点问题
05-30
文本框焦点问题解答，没有基础的看着费劲 TextBox组件[2]（文本框组件）是一种常用的，也是比较容易掌握的组件。应用程序主要使用它来接收使用者于输入文字信息。 当我们使用Visual Basic .Net集成开发环境开发应用程序时，在从【工具箱】的【Windows窗体】选项卡中向Form1的设计窗体拖入一个TextBox组件的后，我们可能并没有感觉到即使是这样一个简单的操作，Visual Basic .Net都做了很多幕后工作。主要工作和步骤如下： 1. 首先实例化System.Windows.Forms.TextBox类，并根据拖动到窗体的位置和形状分别设定TextBox实例的各个属性。 2. 我们看到的设计窗体，其实是Form1类的一个实例，而Form1类首先是从System.Windows.Forms.Form类继承而来，Form1类中的成员根据使用者往窗体中拖入的组件不同而不同。各个成员通过Add或AddRange方法加入到Form1中，这样拖入的组件才能够显示在设计窗体上。
文本框得到焦点时，默认值被清除，文本框失去焦点时，用默认值填充
我们仨
07-21 1263
想要实现如下图所示的效果，鼠标点击文本框时，将文本框清空，鼠标没有聚焦在文本框上时，用默认值填充； 代码如下： <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <script type="text/javascript"> // 鼠标点击搜索框时执行 fun...
TextBox控件文本默认内容当文本获得焦点的时候清空内容。
xianyao_shi的专栏
02-28 1342
<br />     <br /><asp:TextBox ID="VotesNoTextBox" runat="server" Text="多个票号请用“,”逗号隔开。" Style="width: 80%;<br />                                                            color: Gray" CssClass="inputcss" onfocus="cls()" onblur="res()" TextMode="MultiLine">
input元素获取焦点时，placeholder内容清空
Bom_Dom的博客
03-27 1077
在input搜索中，发现用placeholder之后不像value值一样能直接获取焦点清除。 要是在js中用函数的话会比较麻烦，所以可以用这种方法： 会很方便 （注意 单双引号的使用） ...
＜van-field 失去焦点后，就自动清空输入框了，大bug
yuan_618859的博客
12-04 7719
vant的van-field输入框自动清空bug
input标签获取焦点时清空文本框内提示信息
Jane
06-23 4902
input标签获取焦点时清空文本框内提示信息function addLoadEvent(funct){ var oldonload = window.onload; if (typeof window.onload != function){  window.onload = funct; }else{  window.onload = function(){   oldonload();  
文本框获得焦点清空文本内容
cg20的专栏
10-12 7869
有时我们在设计网页的时候，可能会遇到这种情况。 当鼠标移到文本框里面或是鼠标放到文本框上面时，文本框里面默认的内容清除，当鼠标离开文本框而里面没有内容的时候，又还原成默认的内容。 小编以前看到别人写了一大堆代码，又是if又是else的，其实很简单就能实现，如下代码 鼠标移到文本框内(onfocus)获得焦点时清空文本内容 鼠标移到文本框上方(onmouseover)获得焦点时清
react input输入一次就失去焦点的问题
qq_26540693的博客
08-18 9840
问题产生的原因: setState 重新render了, 而render函数中某个地方存在if else类似的判断，重新计算了if else 产生了新的内容， 改变了组件，导致失去焦点 例子： <Pager>组件存在if else 这里的内容是由Content 生成的, 里面的props.children由 if else来判断生成 , 这是造成子组件input失去焦点的根...
JS实现input文本框点击清空及失去焦点恢复默认值
而当用户离开这个输入框（失去焦点）时，如果用户没有输入任何内容，原有的提示文字又应该重新出现。这个功能可以通过JavaScript来实现。以下是一个简单的示例，详细解释了如何使用JavaScript来完成这个任务。 首先...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值