jquery獲得焦點和失去焦點

2022-06-07 21:12:10 字數 1129 閱讀 6066

前端**中如果存在一些讓使用者填寫內容的表單元素的話,我們可以使用jq中獲得焦點事件和失去焦點事件,來給使用者作出一些提示的內容。今天我們就說一說jquery下獲得焦點和失去焦點的事件的使用方法。

focus()方法:當通過滑鼠點選選中元素或通過 tab 鍵定位到元素時,該元素就會獲得焦點。

語法:

$(selector).focus()

複製

例:input 輸入框獲得焦點時改變其邊框的顏色

示例**:

type="text" name="" id="mochu">

>$('#mochu').focus(function());

>

複製

當滑鼠移入input中並點選時,input元素會變成如下的形式

jq focus()事件,會為input加入乙個css樣式

type="text" name="" id="mochu"style="border-color: red;">

複製

blur()方法:當元素失去焦點時發生 blur 事件

語法:

$(selector).blur()

複製

例:input失去焦點後,彈出輸入框中的內容

示例**:

type="text" name="" id="mochu">

>$('#mochu').blur(function());

>

複製

執行結果如圖:

jquery中的blur()失去焦點事件,我們可以用來檢查使用者在input輸入框中輸入的內容是否合法,比如以下**,如果使用者輸入的內容少於五個字元就給出提示

示例**:

type="text" name="" id="mochu">

>$('#mochu').blur(function()

});>

控制項失去焦點與獲得焦點

1.失去焦點 讓控制項失去焦點的方法,就是給該控制項傳送乙個wm killfocus的訊息。可以通過下面三種方式實現 1使用cwnd類的postmessage getdlgitem 控制項id號 postmessage wm killfocus,0,0 2獲取控制項的控制代碼,然後通過控制代碼直接給...

EditText獲取焦點和失去焦點

在android開發中,關於edittext自動獲取焦點彈出鍵盤,我們可能又是會有讓鍵盤自動彈出的需求,有時可能又會有不想讓鍵盤自動彈出的需求 需求 edittext自動獲取焦點並彈出鍵盤,edittext.setfocusable true edittext.setfocusableintouch...

失去焦點和獲得焦點發生事件 js

失去焦點 nblur hanshu this 獲得焦點 nf cus hanshu this 函式名 chksafe 功能介紹 檢查是否含有 引數說明 要檢查的字串 返回值 0 是1 不是 function chksafe a return 1 函式名 chkspc 功能介紹 檢查是否含有空格 引數...