<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. 判断请求是否为ajax
			
    判断请求是否为ajax 转载:http://www.cnblogs.com/tony-jingzhou/archive/2012/07/30/2615612.html x-requested-with ...
    
			
    2. 
						
  2. python基础一 day6 文件操作
			
    读写只会进行两步, r+模式下写读 seek是按字节去找的 for line in f: for循环是一行一行的读取出来 strip默认去空格和换行符 空格.制表符.换行符.回车.换页垂直制表符和换行 ...
    
			
    3. 
						
  3. js 跨域深入理解与解决方法
			
    参考博客: https://www.cnblogs.com/2050/p/3191744.html
    
			
    4. 
						
  4. 【原创翻译】链接DLL至可执行文件---翻译自MSDN
			
    可执行文件.exe链接(或加载)DLL有以下两种形式: 隐式链接 显式链接 隐式链接是指静态加载或在程序加载时动态链接. 通过隐式链接,在使用DLL时,可执行文件链接到一个由生成DLL的人提供的导入函 ...
    
			
    5. 
						
  5. hibernate5.x版本org.hibernate.MappingException: Unknown entity问题
			
    /* * //创建hibernate配置对象 Configuration cfg = new Configuration(); cfg.configure("hibernate.cfg.xm ...
    
			
    6. 
						
  6. C++位域和内存对齐问题
			
    1. 位域: 1. 在C中,位域可以写成这样(注:位域的数据类型一律用无符号的,纪律性). struct bitmap { unsigned a : ; unsigned b : ; unsigned ...
    
			
    7. 
						
  7. 如何用纯 CSS 创作一个同心圆弧旋转 loader 特效
			
    效果预览 在线演示 按下右侧的"点击预览"按钮在当前页面预览,点击链接全屏预览. https://codepen.io/zhang-ou/pen/OZmXQX 可交互视频教程 此视 ...
    
			
    8. 
						
  8. php函数之数组
			
    关联数组 isset bool isset( mixed $val [, mix $...]) 变量是否已设置并且非null.多个参数从左到右计算. 判断null $a=null;var_dump(i ...
    
			
    9. 
						
  9. MySQL数据库之-foreign key 外键（一对多、多对多、一对一）、修改表、复制表
			
    摘要: 外键 一对多 外键 多对多 外键 一对一 --------------------------------------------------------------------------- ...
    
			
    10. 
						
  10. 【笔记】ubuntu如何切换到root用户&&linux如何关闭各种保护
			
    默认安装完成之后并不知道root用户的密码,那么如何应用root权限呢? (1)sudo 命令   这样输入当前管理员用户密码就可以得到超级用户的权限.但默认的情况下5分钟root权限就失效了. () ...
    
			
    11.