<1>

<pre name="code" class="html"><!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>

    <title></title>

    <script type="text/javascript"></script>

    <!--  注意在使用$的时候须要引入Jqery-->

    <!-- $("input[name='name']")-->

    <script src="Jquery/jquery-1.4.1.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        function checkValue(obj) {

            if (obj.value == "") {

                alert("长度不能为空");

                obj.value = "长度不能为空";

            }

        } 

        function checkGetfocus(obj) {

            //将当前控件的value设为"哥获得了焦点"

            obj.value = "哥获得了焦点"

        }

    </script>

</head>

<!--当页面载入完成。usernameGetfocus文本框获得焦点-->

<body onload="$('#Getfocus').focus()">

        <!--================================================================================================-->

        <!--当用户点击“焦点”按钮的时候id=Getfocus文本框获得焦点-->

        <input type="text" id="Getfocus" />

        <!--blur()失去焦点方法-->

        <input type="button" value="Getfocus失去焦点" onclick="document.getElementById('Getfocus').blur() " />

        <!--focus()获得焦点方法-->

        <input type="button" value="Getfocus获得焦点" onclick="document.getElementById('Getfocus').focus();" />

        <!--================================================================================================-->

        <!--onblur失去焦点事件-->

        <input type="text" name="txt1" onblur="checkValue(this)" />

        <input type="text" name="txt2" onblur="checkValue(this)" />

        <input type="text" name="txt3" onblur="checkValue(this)" />

        <hr />

        <!---------------------------------------------------------------------------------------------------->

        <!--onfocus获得焦点事件-->

        <!--   this就是指当前控件本身，onfocus这个事件触发后，这个事件就会调用checkGetfocus函数，在调用这个函数的时候会把当前控件本身(自己)作为參数（this）传递给处理函数checkGetfocus，-->

        <input type="text" name="t1" onfocus="checkGetfocus(this)" />

        <input type="text" name="t1" onfocus="checkGetfocus(this)" />

        <input type="text" name="t1" onfocus="checkGetfocus(this)" />

        <!--================================================================================================-->

</body>

</html>




												


											
onfocus事件,onblur事件；Focus()方法,Blur()方法的更多相关文章
	

    
						
  1. js焦点事件:onfocus、onblur、focus()、blur()、select()
		
    焦点:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接收用户的输入只有能够响应用户操作额元素才可以接收焦点事件,比如:a button input... onfocus:当元素获 ...
    
		
    2. 
								
  2. js表单的focus()与blur()方法
		
    前段时间在多文本输入textarea中遇到点小问题,textarea在HTML是没有value属性的,但在js里的可以获取其value值. textarea禁止拉伸resize:none; (为了兼容 ...
    
		
    3. 
						
  3. 真正让HTML标签、DIV、SPAN拥有onfocus和onblur，聚焦和失焦
		
    转载:http://blog.sina.com.cn/s/blog_7dfe67db01010lnq.html 默认火狐或者其他浏览器里DIV和其他普通标签是不具有onfocus和onblur事件的, ...
    
		
    4. 
						
  4. onblur事件和onfocus事件失效
		
    先看onblur事件和onfocus事件的定义: <element onblur="SomeJavaScriptCode"> <element onfocus=& ...
    
		
    5. 
						
  5. jquery easyui textbox onblur事件，textbox blur事件无效解决方案
		
    jquery easyui textbox onblur事件,textbox blur事件无效解决方案 >>>>>>>>>>>> ...
    
		
    6. 
						
  6. focus、input、keydown、keyup、change、blur方法的差异
		
    focus.input.keydown.keyup.change.blur方法的差异: https://blog.csdn.net/yiifaa/article/details/52372022 bl ...
    
		
    7. 
						
  7. jQuery 1.4版本的15个新功能（现在已经发布到jquery1.8,特别是增强版的live事件，支持 submit ， change ， focus 和 blur 事件）
		
    1.jQuery()创建DOM元素:支持传参设置属性 之前,jQuery可以通过 attr 方法设置元素的属性,既可传属性的名和值,也可以是包含几组特定 属性名值对 的 对象.在 jQuery 1.4 ...
    
		
    8. 
						
  8. onBlur事件与onfocus事件（js）
		
      onFocus事件就是当光标落在文本框中时发生的事件. onBlur事件是光标失去焦点时发生的事件. 可以编如下例子 1.html <HTML><HEAD><TITL ...
    
		
    9. 
						
  9. 针对focus和blur的Dom事件触发顺序
		
    Dom事件触发顺序,拿文本框举例: 它会先触发focus事件,之后才会触发在有交点之后才能触发的一些如 click  change 等事件(但如果有mousedown则先执行). 而相对于blur而言 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 优先队列 || POJ 1442  Black Box
			
    给n个数,依次按顺序插入,第二行m个数,a[i]=b表示在第b次插入后输出第i小的数 *解法:写两个优先队列,q1里由大到小排,q2由小到大排,保持q2中有i-1个元素,那么第i小的元素就是q2的to ...
    
			
    2. 
						
  2. swift中的as?和as!
			
    as操作符用来把某个实例转型为另外的类型,由于实例转型可能失败,因此Swift为as操作符提供了两种形式:选项形式as?和强制形式as 选项形式(as?)的操作执行转换并返回期望类型的一个选项值,如果 ...
    
			
    3. 
						
  3. spring注解开发-容器创建全过程（源码）
			
    1.Spring容器的创建会经历refresh()方法[创建刷新](以AnnotationConfigApplicationContext为例) public AnnotationConfigAppl ...
    
			
    4. 
						
  4. 操作系统复习——如何查看一个进程的详细信息，如何追踪一个进程的执行过程 ，如何在 Linux 系统下查看 CPU、内存、磁盘、IO、网卡情况？epoll和select区别？
			
    1. 如何查看一个进程的详细信息,如何追踪一个进程的执行过程 通过pstree命令(根据pid)进行查询进程内部当前运行了多少线程:# pstree -p 19135(进程号) 使用top命令查看(可 ...
    
			
    5. 
						
  5. Spring中RestTemplate的使用方法
			
    一.REST 在互联网中,我们会通过请求url来对网络上的资源做增删改查等动作,这里的请求包含两部分:动词,主要包括增.删.改.查:名词,就是网络中的各种资源.传统的非REST风格的请求方式是把动词和 ...
    
			
    6. 
						
  6. mysql多字段组合删除重复行
			
    DELETEFROM boll_paramWHERE id in ( SELECT a.id FROM ( SELECT id FROM boll_param WHERE (symbol, time_ ...
    
			
    7. 
						
  7. 基于flask的网页聊天室（四）
			
    基于flask的网页聊天室(四) 前言 接前天的内容,今天完成了消息的处理 具体内容 上次使用了flask_login做用户登录,但是直接访问login_requare装饰的函数会报401错误,这里可 ...
    
			
    8. 
						
  8. finally块的问题(finally block does not complete normally)
			
    http://blog.csdn.net/chh_jiang/article/details/4557461 当finall块中包含return语句时,Eclipse会给出警告“finally blo ...
    
			
    9. 
						
  9. java基础之switch
			
    switch 语句由一个控制表达式和多个case标签组成. switch 控制表达式支持的类型有byte.short.char.int.enum(Java 5).String(Java 7). swi ...
    
			
    10. 
						
  10. Java学习之跳转语句
			
    Java语言中提供3中跳转语句,分别是break语句.continue语句和return语句. break语句 可以用在switch语句中.在switch语句中,break语句用于中止下面的case语 ...
    
			
    11.