如何获得onblur中的值_js中onfocus、onblur事件

1、给文本框添加触发事件onfocus和onblur，调用函数处理。完整代码：

function cls(){

//捕获触发事件的对象，并设置为以下语句的默认对象

with(event.srcElement)

//如果当前值为默认值，则清空

if(value==defaultValue) value=""

}

function res(){

//捕获触发事件的对象，并设置为以下语句的默认对象

with(event.srcElement)

//如果当前值为空，则重置为默认值

if(value=="") value=defaultValue

}

注意：本例的方法对大部分表单控件都有效，比如多行文本框。

特别提示

运行完整代码，在鼠标第一次单击文本框时该文本框内容将被清空，在文本框外单击时文本框内容将还原回默认值。如果改变了文本框的值，将不再有任何变化

特别说明

本例主要是对象的defaultValue属性和onfocus、onblur事件的应用。

defaultValue 设置或获取对象的初始内容。

onblur 在对象失去输入焦点时触发。

onfocus 当对象获得焦点时触发。

2、用于清除输入框中提示信息的方法

对KKKKK的评论

var gFlag=true;//全局变量,用于判断是否允许清除文本框内容

//用于清除输入框中提示信息的方法

function clearTip(){

var oTxt=document.getElementById("textfield");

if(gFlag==true){

oTxt.value="";

gFlag=false;

}

请输入对KKKKK的评论......

运行上面的示例，可以看到当焦点定位在文本框，提示信息“请输入评论的内容...”将会自动

消失，这里需要注意的是用户可能中途去做其他事情，使得文本框失去焦点，当他重新回来

输入的时候，又获得了焦点，这时会再次触发onfocus事件，调用clearTip方法，把前面输入的

内容清除了，这是我们不希望结果。所以可以设置个全局变量gFlag作为标志位，当清除过一次

文本框的内容之后就改变标志位，不再允许通过clearTip()方法清除文本框的内容。

3.js设置文本框中焦点位置在最后,支持IE

如何获得onblur中的值_js中onfocus、onblur事件相关推荐

spreadsheet js中创建下拉列表_JS 中创建自定义排序方法
原文:https://www.youtube.com/watch?v=zVevl-K-m7Y 译者:前端小智为了保证的可读性,本文采用意译而非直译. 想优质文章请猛戳GitHub博客,一年百来篇优质 ...
python中怎样向字典中添加值_python中向一个字典中加值
广告关闭腾讯云11.11云上盛惠 ,精选热门产品助力上云,云服务器首年88元起,买的越多返的越多,最高返5000元! 开发准备cas 的 python sdk 包含了用于访问和操作 cas 的所有 ...
如何获得onblur中的值_使用带有onBlur的输入字段和来自Reactjs JSX中的状态块输入的值？...
我做了一个小提琴来显示问题:http : //jsfiddle.net/4TpnG/582/ 当您有一个连接了onBlur的输入框以及状态的初始值时,键盘输入将被阻止.附加onChange后,它可以正 ...
js判断json有没有某值_JS中判断JSON数据是否存在某字段的方法 JavaScript中判断json中是否有某个字段...
方式一 !("key" in obj) 方式二 obj.hasOwnProperty("key") //obj为json对象. 实例: var jsonwor ...
js map遍历修改对象里面的值_js中那些方法不改变原来的数组对象
一.map方法 [javascript] view plain copy function fuzzyPlural(single) { var result = single.replace(/o/g ...
springboot取yml中的值_SpringBoot 中从yml配置文件中读取常用的参数值
SpringBoot现在基本上都是使用application-XXX.yml(生产环境为pro,开发测试环境为dev)来配置项目中的一些配置条件,在springboot中还可以通过从yml文件中将ym ...
php删除session中的值,PHP中session变量的销毁
1.何为session?相当于一个客户端(可以是浏览器.app.ftp等其他,而且同一个浏览器多开几个又算是不同的客户端)对服务器的一个访问,这个期间服务器为此建立一个唯一的标示(session_id ...
python 提取元组中的值_Python中的sqlite3提取与元组中的值相对应的条目 - python
我正在寻找一个sqlite3命令,让我选择一个元组给定的条目,让我用一个示例进行说明: 这是我的数据: my_data = [(1,8),(2,4),(3,5),(4,7),(5,13)] 我正在尝试 ...
js中every用法_JS中every()和some()的用法
every()与some()方法都是JS中数组的迭代方法. every()是对数组中每一项运行给定函数,如果该函数对每一项返回true,则返回true. some()是对数组中每一项运行给定函数,如果 ...
js删除数组中指定元素_js中数组操作详解
今天给大家带来一篇有关数组操作方法的文章. 新建数组方法一:通过new运算符创建一个数组构造函数. var arr = new Array(); 方法二:通过方括号直接创建直接量数组. var ar ...

如何获得onblur中的值_js中onfocus、onblur事件

如何获得onblur中的值_js中onfocus、onblur事件相关推荐

最新文章

热门文章