jQueryfocus和blur事件的应用详解
2023-06-13 09:15:16 时间
一、需求原因
在填写表单时需要实现如下效果
二、具体实现
复制代码代码如下:
在填写表单时需要实现如下效果
二、具体实现
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>鼠标点击后无文字,挪开鼠标后有文字</title>
<scriptlanguage="JavaScript"src="../jQuery/jquery-1.7.1.min.js"></script>
<scripttype="text/javascript">
$(function(){
/*进入焦点时触发*/
$("#account").focus(function(){
varoldValue=$(this).val();
if(oldValue==this.defaultValue){
$(this).val("");
}
});
/*失去焦点时触发*/
$("#account").blur(function(){
alert("12");
varoldValue=$(this).val();
if(oldValue==""){
$(this).val(this.defaultValue);
}
});
});
</script>
</head>
<body>
帐号:<inputid="account"name="account"type="text"value="请输入帐号">
</body>
</html>
相关文章
- spring的事件监听应用场景_java监听器的原理与实现
- 基于预训练模型的金融事件分析及应用
- Android触摸事件_wpf触摸屏点击事件
- jquery回车监听事件及html自定义属性的应用
- 解决移动端click事件的300ms延时
- react源码分析事件系统
- Exploring Oracle Events: A StepbyStep Guide(oracle事件探查)
- Oracle 等待事件 Redo Transport Slave Startup 官方解释,作用,如何使用及优化方法
- Oracle 等待事件 Enqueues:JQ,JobQueue 官方解释,作用,如何使用及优化方法
- 微软Exchange漏洞事件升级:最新评估显示超6万客户受影响
- MySQL事件的应用与作用详解(mysql中事件的作用)
- 探索 MySQL 中事件的功能及应用(mysql 中事件)
- Redis实现订阅事件功能的简单应用(redis 订阅事件)
- 当文本框的值发生改变时,触发事件,在IE中有效
- JavaScript事件冒泡简介及应用
- JS的Event事件对象使用方法
- JS鼠标事件大全推荐收藏
- js隐藏与显示回到顶部按钮及window.onscroll事件应用
- JQuery入门——事件切换之toggle()方法应用介绍
- JS注册/移除事件处理程序(ExtJS应用程序设计实战)
- Js中的onblur和onfocus事件应用介绍
- 封装了一个支持匿名函数的Javascript事件监听器