onfocus事件,onblur事件；Focus()方法,Blur()方法

最新推荐文章于 2024-02-16 17:42:45 发布
最新推荐文章于 2024-02-16 17:42:45 发布
阅读量912 收藏
点赞数
文章标签： xhtml javascript ViewUI

<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 οnlοad="$('#Getfocus').focus()">

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

        <!--blur()失去焦点方法-->
        <input type="button" value="Getfocus失去焦点" οnclick="document.getElementById('Getfocus').blur() " />

        <!--focus()获得焦点方法-->
        <input type="button" value="Getfocus获得焦点" οnclick="document.getElementById('Getfocus').focus();" />
        
        <!--================================================================================================-->

        <!--onblur失去焦点事件-->
        <input type="text" name="txt1" οnblur="checkValue(this)" />
        <input type="text" name="txt2" οnblur="checkValue(this)" />
        <input type="text" name="txt3" οnblur="checkValue(this)" />
        <hr />
        <!---------------------------------------------------------------------------------------------------->
        <!--onfocus获得焦点事件-->
        <!--   this就是指当前控件本身，onfocus这个事件触发后，这个事件就会调用checkGetfocus函数，在调用这个函数的时候会把当前控件本身(自己)作为參数（this）传递给处理函数checkGetfocus，-->
        <input type="text" name="t1" οnfοcus="checkGetfocus(this)" />
        <input type="text" name="t1" οnfοcus="checkGetfocus(this)" />
        <input type="text" name="t1" οnfοcus="checkGetfocus(this)" />
        <!--================================================================================================-->
</body>
</html>



 
  
 
  
 
  
 
 
 


                

        

        




    




            

                    
            

    

      

        

            

              
                
                  weixin_33812433
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
vue 表单输入框不支持focus及blur事件的解决方案

				
			

			

				

					01-21
				

			

		

		

			
				
采用指令的方式来解决这个问题(此处的前端框架以mint-ui为例): ... 2.在实例中添加指令  directives: {  'mtfocus' (el, binding, vnode) {  let mtinput = el.querySelector('input') ... mtinput.onblur = functi

			
		

	



                

              
                



	

		

			

				
					
表单元素的submit()方法和onsubmit事件应用概述

				
			

			

				

					12-10
				

			

		

		

			
				
表单元素拥有submit方法，同时也具有onsubmit事件句柄，用于监听表单提交。可以使用elemForm.submit();...与此有些类似的是onfocus、onblur和focus()、blur()之间的关系却不同，调用elem.blur()或elem.fo

			
		

	



                


  
              

                


	

		

			

				
					
JS中onfocus()事件，onblur()事件，onload()事件

				
			

			

				

					木木木华的博客
				

				

					04-18
					
					2万+
					
				

			

		

		

			
				
1. onfocus 事件在对象获得焦点时发生。实例：&lt;html&gt;
&lt;head&gt;
&lt;script type="text/javascript"&gt;
    function setStyle(x)
    {
        document.getElementById(x).style.background="yellow"
    }
&lt;/script...

			
		

	





	

		

			

				
					
focus和onfocus区别

				
			

			

				

					a1071626267的博客
				

				

					06-24
					
					1579
					
				

			

		

		

			
				
focus和onfocus区别

			
		

	



		

			
		



	

		

			

				
					
onfocus和onblur

				
			

			

				

					boat_sea的博客
				

				

					04-30
					
					1221
					
				

			

		

		

			
				
一般情况下，这两个事件是同时使用的。改变文本框的背景颜色------------------------------------------------------------------------------------------------------------------------------   &lt;table style="width: 300;height: 160;"&g...

			
		

	





	

		

			

				
					
javascript手冊-o

				
			

			

				

					longj的专栏
				

				

					08-27
					
					1155
					
				

			

		

		

			
				
onBlur event handlerA blur event occurs when a select, text, or textarea field on a form loses focus. The onBlur event handler executes JavaScript code when a blur event occurs. See the relevant o

			
		

	





	

		

			

				
					
JavaScript中的onblur（失去焦点）应用

					
最新发布

				
			

			

				

					qiuqiule6的博客
				

				

					02-16
					
					2104
					
				

			

		

		

			
				
提示：onblur 相反事件为 onfocus 事件。ondblclick— 鼠标左键双击事件。onmouseover— 鼠标移入事件。onmouseout-- 鼠标移出事件。onmousemove— 鼠标移动事件。onmousedown— 鼠标按下事件。oninput---- 内容改变事件。onclick— 鼠标左键单击事件。onmouseup— 鼠标抬起事件。onkeydown— 键盘按下事件。onchange— 内容改变事件。onkeyup— 键盘抬起事件。onblur— 失去焦点事件。

			
		

	





	

		

			

				
					
js操作输入框提示信息且响应鼠标事件

				
			

			

				

					12-11
				

			

		

		

			
				
我们经常遇到一些输入框，比如注册网站的输入框就有默认提示值，当获取鼠标焦点的时候，默认值被删除...” onblur=”fn_blur(this);”/> js代码： 代码如下: function fn_focus(ele){ if(ele.value == ele.defaultV

			
		

	





	

		

			

				
					
dom 的其他类事件

				
			

			

				

					qq_35146837的博客
				

				

					08-15
					
					170
					
				

			

		

		

			
				
dom 的其他类事件：
1.onfocus 事件
2.onblur 事件
3.onresize 事件
4.onscroll 事件
5.onchange 事件



			
		

	





	

		

			

				
					
onfocus事件

				
			

			

				

					datouniao1的博客
				

				

					08-13
					
					1910
					
				

			

		

		

			
				
onfocus事件是表示是输入框获取焦点，这事件常常是用于<input>，<select>以及<a>这几个标签中使用，这个事件和onblur这个事件是相反的，当这个事件发生的时候也是调用一个script的脚本，在这个程序中调用的脚本是设置输入框的背景色，我们其实在这个地方用到的是一个带有参数的script的函数，怎样来看待这个参数这个是参数是文本框的id但是我们传递的时候用到的了this这个关键字，可以看到的是this表示的啊是当前的元素或者说是对象。在函数里面直接设置style.background这个值

			
		

	





	

		

			

				
					
onBlur事件与onfocus事件 （js）

				
			

			

				

					gr_guhun的博客
				

				

					10-08
					
					1314
					
				

			

		

		

			
				
jQuery 参考手册 - 事件
一、jQuery的 onBlur方法
定义和用法
1、当元素失去焦点时发生 blur 事件。
2、blur() 函数触发 blur 事件，或者如果设置了 function 参数，该函数也可规定当发生 blur 事件时执行的代码。
提示：早前，blur 事件仅发生于表单元素上。在新浏览器中，该事件可用于任何元素。
触发 blur 事件
触发被选元素的 blur 事件...

			
		

	





	

		

			

				
					
HTML onfocus （获得焦点）和 onblur （失去焦点）

					
热门推荐

				
			

			

				

					ssisse的博客
				

				

					09-07
					
					4万+
					
				

			

		

		

			
				
HTML onfocus 事件属性




定义和用法


onfocus 属性在元素获得焦点时触发。

onfocus 常用于 、 以及 .

提示：onfocus 属性与 onblur 属性相反。

注释：onfocus 属性不适用于以下元素：、、、、、、、、、 或 。

实例
当输入字段获得焦点时触发函数。此函数改变输入字段的背景色

function s

			
		

	





	

		

			

				
					
关于html中的onBlur事件和focus事件

				
			

			

				

					互联网
				

				

					12-07
					
					502
					
				

			

		

		

			
				
定义和用法

onblur 事件会在对象失去焦点时发生。

就是一个事件,在控件获得失去焦点时是触发,
比如有一个文本输入框&lt;input type="text"&gt;,你想在用户点击它输入文本时,执行改变它的外观或者其它什么操作,就可以定义完成这个操作的处理程序,并&lt;input type="text" onblur="SomeSub"&gt;



onFocus事...

			
		

	





	

		

			

				
					
onblur和focus

				
			

			

				

					深未来技术
				

				

					06-18
					
					221
					
				

			

		

		

			
				
经常看见一些网站的搜索框里会有一个预先设置好的提示，然后当你将鼠标点进去以后，里面的内容就清空了。学VB的时候这功能很容易就实现了，也就是简单的setfocus和lostfocus哈，不过JS里面可不是这样的。   JavaScript代码      1. &lt;input name="word" class="seachInput" value="sfrost.org" onfocus="if...

			
		

	





	

		

			

				
					
javascript当中onblur和onfocus用法

				
			

			

				

					qq_43650923的博客
				

				

					08-31
					
					581
					
				

			

		

		

			
				
例 1.1 onblur和onfocus
onblur失去焦点和onfocus得到焦点事件。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
 <meta http-equiv="content-type" content="text/html...

			
		

	





	

		

			

				
					
onfocus获取焦点事件与onblur失去焦点事件

				
			

			

				

					夜空下的凝视
				

				

					04-20
					
					2800
					
				

			

		

		

			
				
<input type="text" value="请输入您的称呼" "if (value =='请输入您的称呼'){value =''}" "if (value ==''){value='请输入您的称呼'}"/>

input框默认为“请输入您的称呼”，当onfocus获取焦点即将输入文字时显示为空，当onblur失去焦点且输入框为空时显示为“请输入您的称呼”。

...

			
		

	





	

		

			

				
					
写一个用tab键实现focus和blur事件的函数

				
			

			

				

					04-24
				

			

		

		

			
				
好的，下面是一个用tab键实现focus和blur事件的函数的示例代码：  ``` function setTabFocus() {  var formElements = document.forms[0].elements;  for (var i = 0; i ; i++) {  var element = formElements[i];  ...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值