jQuery中blur和focus事件的实施

发布时间：2021-12-17 13:56:28 所属栏目：教程来源：互联网

导读：一、需求原因在填写表单时需要实现如下效果二、具体实现 !DOCTYPE html PUBLIC -//W3C//DTDHTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd html head meta http-equiv=Content-Typecontent=text/html; charset=UTF-8 title鼠标点击后无

一、需求原因

在填写表单时需要实现如下效果

二、具体实现

<!DOCTYPE html PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type"content="text/html; charset=UTF-8">

<title>鼠标点击后无文字，挪开鼠标后有文字</title>

<script language="JavaScript"src="../jQuery/jquery-1.7.1.min.js"></script>

<script type="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>

          帐号：<input id="account"name="account" type="text" value="请输入帐号">

</body>

</html>

（编辑：开发网_开封站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

台式电脑怎样恢复系统	iso其是什么格式怎么打
电脑上对话框太大如何	小白重装系统Bootfix.