<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. Vsphere中ESXi主机ssh开启的三种方法
			
    ESXi 5.5是直接安装在物理主机上的一个虚拟机系统,本质上是一个Linux系统. 平时可以通过VMware Client端或者VMware vCenter进行管理,但对于一些特殊的VMware命令 ...
    
			
    2. 
						
  2. django模板系统的基本原则
			
    写模板,创建template对象,创建 context ,调用render()方法
    
			
    3. 
						
  3. JavaScript/JQuery radioButton(单选按钮)练习20190409
			
    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
    
			
    4. 
						
  4. Eaton Char-Lynn Motor   : Performance Of Small Displacement Motors
			
    The small-displacement supercharged motor replaces the large-displacement motor with the speed of li ...
    
			
    5. 
						
  5. jquery 定位
			
    jquery 定位 <html> <head> <title>jquery 定位</title> </head> <body>  ...
    
			
    6. 
						
  6. 695. Max Area of Island@python
			
    Given a non-empty 2D array grid of 0's and 1's, an island is a group of 1's (representing land) conn ...
    
			
    7. 
						
  7. 【详●析】[GXOI/GZOI2019]逼死强迫症
			
    [详●析][GXOI/GZOI2019]逼死强迫症 脑子不够用了... [题目大意] 在\(2\times N\)的方格中用\(N-1\)块\(2\times 1\)的方砖和\(2\)块\(1\tim ...
    
			
    8. 
						
  8. Redis那些事(一) — Redis简介
			
    本人最近在学习Redis的使用和底层原理,有一些收获,所以希望通过写博客的形式来记录自己的学习过程,加深自己的理解,同时也方便以后查阅复习.目前打算先记录一些基本的使用方法和部分底层实现,其他的如果有 ...
    
			
    9. 
						
  9. pwnable.kr cmd1之write up
			
    看一下源代码: #include <stdio.h> #include <string.h> int filter(char* cmd){ ; r += strstr(cmd, ...
    
			
    10. 
						
  10. LeetCode01--寻找两个有序数组的中位数
			
    ''' 给定两个大小为 m 和 n 的有序数组 nums1 和 nums2. 请你找出这两个有序数组的中位数,并且要求算法的时间复杂度为 O(log(m + n)). 你可以假设 nums1 和 nu ...
    
			
    11.