js中onfocus、onblur事件

最新推荐文章于 2024-02-16 17:42:45 发布

weisljl

最新推荐文章于 2024-02-16 17:42:45 发布

阅读量2.9k

点赞数 1

分类专栏： JavaScript 文章标签： function character javascript input null

本文链接：https://blog.csdn.net/weisljl/article/details/7654696

版权

JavaScript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

1、给文本框添加触发事件onfocus和onblur，调用函数处理。完整代码：
<script>
function cls(){
//捕获触发事件的对象，并设置为以下语句的默认对象
with(event.srcElement)
//如果当前值为默认值，则清空
if(value==defaultValue) value=""
}
function res(){
//捕获触发事件的对象，并设置为以下语句的默认对象
with(event.srcElement)
//如果当前值为空，则重置为默认值
if(value=="") value=defaultValue
}
</script>
<input value="填写您的昵称" οnfοcus="cls()" οnblur="res()">
注意：本例的方法对大部分表单控件都有效，比如多行文本框。
特别提示
运行完整代码，在鼠标第一次单击文本框时该文本框内容将被清空，在文本框外单击时文本框内容将还原回默认值。如果改变了文本框的值，将不再有任何变化

特别说明
本例主要是对象的defaultValue属性和onfocus、onblur事件的应用。
defaultValue 设置或获取对象的初始内容。
onblur 在对象失去输入焦点时触发。
onfocus 当对象获得焦点时触发。

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

<html>
<head>
<title>对KKKKK的评论</title>
<script type="text/javascript" language="javascript">
var gFlag=true;//全局变量,用于判断是否允许清除文本框内容
//用于清除输入框中提示信息的方法
function clearTip(){
var oTxt=document.getElementById("textfield");
         if(gFlag==true){
           oTxt.value="";
           gFlag=false;
        }
}
</script>
</head>
<body>
<form>
<label>
<textarea name="textfield" cols="40" rows="5" οnfοcus="clearTip()">请输入对KKKKK的评论......</textarea>
</label>
<p>
    <label>
    <input type="submit" name="Submit" value="提交">
    </label>
</p>
</form>
</body>
</html>

运行上面的示例，可以看到当焦点定位在文本框，提示信息“请输入评论的内容...”将会自动
消失，这里需要注意的是用户可能中途去做其他事情，使得文本框失去焦点，当他重新回来
输入的时候，又获得了焦点，这时会再次触发onfocus事件，调用clearTip方法，把前面输入的
内容清除了，这是我们不希望结果。所以可以设置个全局变量gFlag作为标志位，当清除过一次
文本框的内容之后就改变标志位，不再允许通过clearTip()方法清除文本框的内容。

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

weisljl

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js中onfocus、onblur事件

1、给文本框添加触发事件onfocus和onblur，调用函数处理。完整代码： function cls(){ //捕获触发事件的对象，并设置为以下语句的默认对象 with(event.srcElement) //如果当前值为默认值，则清空 if(value==defaultValue) value="" } function res(){ //捕获
复制链接

扫一扫