<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 2352 Stars
			
    Astronomers often examine star maps where stars are represented by points on a plane and each star h ...
    
			
    2. 
						
  2. Vickers Vane Pump - How To Choose Vane Pump Parameter Specifications?
			
    1 rated pressure selection. The rated pressure of the vane pump products is 7MPa, 1OMPa, 16MPa, 2lMP ...
    
			
    3. 
						
  3. python:第一章
			
    完成同一个任务,C语言要写1000行代码,Java只需要写100行,而Python可能只要20行. 代码少的代价是运行速度慢,C程序运行1秒钟,Java程序可能需要2秒,而Python程序可能就需要1 ...
    
			
    4. 
						
  4. idea创建Maven项目时Maven插件内看不到mybatis-generator
			
    创建Maven项目时插件配置添加了mybatis-generator但是右侧maven project始终没有看到插件 需要放在和pluginManagement同级别,修改配置如下:
    
			
    5. 
						
  5. Visual C++中error spawning cl.exe错误的两种解决方法.
			
    可能很多人在安装VC 6.0后有过点击“Compile”或者“Build”后被出现的 “Compiling... ,Error spawning cl.exe”错误提示给郁闷过.很多人的 选择是重装, ...
    
			
    6. 
						
  6. 小程序之Button组件，函数的调用与简单的逻辑
			
    我们要实现一个简单的功能,在界面上放置一张图片,设置重新加载按钮,能更新图片. WXML代码: <!--index.wxml--> <view clas="index&qu ...
    
			
    7. 
						
  7. 4.	COLLATION_CHARACTER_SET_APPLICABILITY
			
    4. COLLATION_CHARACTER_SET_APPLICABILITY 表COLLATION_CHARACTER_SET_APPLICABILITY表示哪种字符集适用于哪种排序规则. INF ...
    
			
    8. 
						
  8. 3.	COLLATIONS
			
    3. COLLATIONS 表COLLATIONS提供有关每个字符集排序规则的信息.下表中SHOW Name对应SHOW COLLATION. INFORMATION_SCHEMA Name SHOW ...
    
			
    9. 
						
  9. 第四天,for循环,格式化输出,占位符,pycharm安装.列表处理
			
    字符格式化输出 占位符 %s s = string %d d = digit 整数 %f f = float 浮点数,约等于小数 列表,元组 查 索引(下标) ,都是从0开始 切片 .count 查某 ...
    
			
    10. 
						
  10. LayUI分页基于ASP.NET MVC
			
    ---恢复内容开始--- 今天写了挺久的分页,百度了很多都没有很好的.Net实例,今天我来更新一期关于layuiTable分页 首先你得理解layui的官方文档的Table分页部分,我在这里附上地址  ...
    
			
    11.