文本框获得焦点和失去焦点的判断代码

第一种： html5 html5给表单文本框新增加了几个属性，比如：email,tel,number,time,required,autofocus,placeholder等等，这些属性给表单效果带来了极大的效果变化。其中placeholder就是其中一个，它可以同时完成文本框获得焦点和失去焦点。必须保证input的value值为空， placeholder的内容就是我们在页面上看到的内容。代码如下：复制代码代码如下: <input type="text" value="" placeholder="请输入内容" /> 第二种： jQuery 原理：让表单的val值等于其title值。代码如下：复制代码代码如下: <input type="text" value="" title="请输入内容" /> 复制代码代码如下: <script type="text/javascript"> $(function() { var $input = $("input"); $input.each(function() { var $title = $(this).attr("title"); $(this).val($title); $(this).focus(function() { if($(this).val() === $title) { $(this).val(''); } }) .blur(function() { if($(this).val() === "") { $(this).val($title); } }); }); }); </script> 文本框获得焦点、失去焦点调用JavaScript 复制代码代码如下: <%@ Page Language="VB" CodeFile="focus.aspx.vb" Inherits="focus" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> <script language="javascript"> function text1_onmouseover(it) { it.focus(); it.select(); it.style.backgroundColor="red"; } function text1_onmouseout(it) { it.onblur; it.style.backgroundColor="white"; } </script> </head> <body> <form id="form1" runat="server"> <div> <asp:TextBox ID="TextBox1" onmouseover="return text1_onmouseover(this);" onblur="text1_onmouseout(this)" runat="server"></asp:TextBox> </div> </form> </body> </html>

　　推荐阅读

　　js判断一个元素是否为另一个元素的子元素的代码

当然方法有很多，不过个人认为通过判断一个元素是否为另一个元素的子元素是最简单的实现方式之一。废话少说直接上方法：复制代码代码如下: function isParent (obj,parentObj){ while (obj != undefined && obj>>>详细阅读

本文标题：文本框获得焦点和失去焦点的判断代码

地址：http://www.17bianji.com/kaifa2/JS/23545.html

1/2 1