jQuery之文字框得失焦點

2021-09-06 06:04:14 字數 541 閱讀 3992

版本一

css**部分:

.focus

當焦點獲得時,新增focus樣式,新增邊框,並改背景色為#fcc

html**部分:

這裡有兩個input,乙個textare框。

:input匹配 所有 input, textarea, select 和 button 元素。

jquery**部分:

用:input匹配所有的input元素,當獲取焦點時,就新增樣式focus,通過$(this)自動識別當前的元素。focus()方法是獲取焦點事件發生時執行的函式。blur()方法是失去焦點事件發生時執行的函式。

版本二:

有時候文字框裡有預設的內容,作為提示資訊,獲取焦點後,要讓它消失。可以做如下的改造:

做個邏輯判斷,如果值為預設值,就將文字框中的內容清空。

失去焦點,如果文字框中為空,也就是沒有輸入內容,就將值還設為預設值。

這是乙個簡單的邏輯。

jQuery之文字框得失焦點

版本一 css 部分 focus當焦點獲得時,新增focus樣式,新增邊框,並改背景色為 fcc html 部分 這裡有兩個input,乙個textare框。input匹配 所有 input,textarea,select 和 button 元素。jquery 部分 用 input匹配所有的inpu...

JQuery中文字框獲取焦點

今天遇見這麼乙個小小的問題,就是文字框中需要輸入內容才可以提交,如果沒有輸入就提示並使該文字框獲得焦點!這麼乙個簡單的事情如果沒有使用jquery的話 是不是物件.focus 就可以了,可是當我們使用了jquery 這樣 nameinput 返回的就不是dom物件了而是jquery物件,這樣的話 n...

文字框獲得焦點事件

input 文字框內容改變,我們可以使用onchange或者onblur來進行判斷,但是onchange是在文字內容改變,然後失去焦點的時候發生,onblur是在失去焦點時候發生,不會判斷文字內容是否改變。按鍵彈起時觸發事件 mytext keyup function 按鍵按下時觸發事件 先響應事件...