<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. 【转】解决WPF图片模糊最佳方法（绑定PixelWidth与PixelHeight）
			
    解决WPF图片模糊最佳方法(绑定PixelWidth与PixelHeight) 转载自:http://www.360doc.com/content/13/1126/09/10504424_332211 ...
    
			
    2. 
						
  2. VR技术在数据中心3D机房中的应用（上）
			
    VR技术在数据中心3D机房中的应用(上)   前两天跟朋友A吃饭,吃着吃着就说到了VR.近几年来,VR技术越来越火,感觉能跟VR沾点边的都特别高大上,朋友A也是,一提到VR,就怎么都掩盖不住他发自肺腑 ...
    
			
    3. 
						
  3. MySQL内外联结
			
    一.内联结(INNER JOIN) MySQL内联结使用INNER JOIN将多个数据表t1,t2隔开,结果是t1里的每一个数据行将与t2里的每一个数据行组合. 逗号连接符.CROSS JOIN和JO ...
    
			
    4. 
						
  4. db2快速删除大表数据（亲测可用）
			
    一.推荐.删了不可恢复 TRUNCATE TABLE table_name IMMEDIATE 二. DB2 LOAD FROM d:\DB2_BAK\null.del of del REPLACE  ...
    
			
    5. 
						
  5. webpack 之 loader
			
    loader简介 loader在webpack.config.js中进行配置,配置之后,会自动检测打包过程中引入的文件(import或require),通过test成功匹配被引入的文件名后,会对文件内 ...
    
			
    6. 
						
  6. c++_方格填数（最新方法）
			
      方格填数 如下的10个格子 +--+--+--+ | | | |+--+--+--+--+| | | | |+--+--+--+--+| | | |+--+--+--+ (如果显示有问题,也可以参 ...
    
			
    7. 
						
  7. python基础002
			
    1.pycharm安装与添加解释器 专业版.英文界面,不要汉化—一定要尊重知识产权 算术运算符:+ - * / // % ** ^ 布尔运算符:== > < >= <= 逻辑运 ...
    
			
    8. 
						
  8. ＰＯＪ　３１２２　pie (二分法）
			
    Description My birthday is coming up and traditionally I'm serving pie. Not just one pie, no, I have ...
    
			
    9. 
						
  9. CSS小知识点一
			
    1.   text-indent属性    缩进文本 通过使用 text-indent 属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值.这个属性最常见的用途是将段落的首行缩进,一 ...
    
			
    10. 
						
  10. Fidder详解-工具简介(保存会话、decode解码、Repaly、自定义会话框、隐藏会话、会话排序)
			
    前言 本文会对Fidder这款工具的一些重要功能,进行详细讲解,带大家进入Fidder的世界,本文会让你明白,Fidder不仅是一个抓包分析工具,也是一个请求发送工具,更加可以当作为Mock Serv ...
    
			
    11.