版本一
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匹配所有的inp...
JQuery中文字框獲取焦點
今天遇見這麼乙個小小的問題,就是文字框中需要輸入內容才可以提交,如果沒有輸入就提示並使該文字框獲得焦點!這麼乙個簡單的事情如果沒有使用jquery的話 是不是物件.focus 就可以了,可是當我們使用了jquery 這樣 nameinput 返回的就不是dom物件了而是jquery物件,這樣的話 n...
文字框獲得焦點事件
input 文字框內容改變,我們可以使用onchange或者onblur來進行判斷,但是onchange是在文字內容改變,然後失去焦點的時候發生,onblur是在失去焦點時候發生,不會判斷文字內容是否改變。按鍵彈起時觸發事件 mytext keyup function 按鍵按下時觸發事件 先響應事件...