這篇文章主要介紹“jquery中有沒有焦點事件”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“jquery中有沒有焦點事件”文章能幫助大家解決問題。

我們提供的服務有：成都網站制作、網站設計、外貿網站建設、微信公眾號開發(fā)、網站優(yōu)化、網站認證、徐聞ssl等。為近千家企事業(yè)單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的徐聞網站制作公司

jquery有焦點事件。當元素獲得焦點時，發(fā)生focus事件；jquery中可以使用focus()方法觸發(fā)focus事件，或規(guī)定當發(fā)生focus事件時運行的事件處理函數(shù)，語法“$(selector).focus(function)”。當元素失去焦點時，發(fā)生blur事件；jquery中可以使用blur()方法觸發(fā)blur事件，或規(guī)定當發(fā)生blur事件時運行的事件處理函數(shù)。

焦點就是關注的區(qū)域，即當前光標被激活的位置，在頁面屏幕中閃動的小豎線，表示網頁某個控件被選中，可以被操作。鼠標點擊可獲得光標，Tab鍵可按照設置的Tabindex切換焦點。

比如一個文本框獲得焦點，你在鍵盤上敲進的字符就直接進入了文本框；還比如一個下拉式列表框獲得焦點，你按下鍵盤上的向下箭頭，它就會把列表列出來。程序中還有獲得焦點發(fā)生的事件（gotfocus())和失去焦點發(fā)生的事件(lostfocus())以及為控件設置焦點方法（setfocus())。利用好焦點，能使你的程序顯得非常人性化。

jquery獲取焦點事件

當元素獲得焦點時，發(fā)生 focus 事件。

當通過鼠標點擊選中元素或通過 tab 鍵定位到元素時，該元素就會獲得焦點。

focus() 方法觸發(fā) focus 事件，或規(guī)定當發(fā)生 focus 事件時運行的函數(shù)。

語法

//觸發(fā) focus 事件
$(selector).focus()

//將函數(shù)綁定到 focus 事件
$(selector).focus(function)

function：可選。規(guī)定當發(fā)生 focus 事件時運行的函數(shù)。

示例：focus() 方法 獲得焦點

	
		
		
		
	
	

		輸入你的名字: 

	

jquery失去焦點事件

當元素失去焦點時發(fā)生 blur 事件。

blur() 方法觸發(fā) blur 事件，或規(guī)定當發(fā)生 blur 事件時運行的函數(shù)。

提示：該方法常與 focus() 方法一起使用。

語法

//為被選元素觸發(fā) blur 事件：
$(selector).blur()

//添加函數(shù)到 blur 事件：
$(selector).blur(function)

示例：blur()  方法 失去焦點

	
		
		
		
			$(document).ready(function() {
				$("input").focus(function() {
					$("input").css("background-color", "#FFFFCC");
				});
				$("input").blur(function() {
					$("input").css("background-color", "#D6D6FF");
				});
			});
		
	
	
		用戶名: 
		
請在上面的輸入域中點擊，使其獲得焦點，然后在輸入域外面點擊，使其失去焦點。
	

關于“jquery中有沒有焦點事件”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識，可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。