先看onblur事件和onfocus事件的定義:
雙引號中的內容是一段js**,也可以是乙個事件函式
在看幾個例子:
"btn執行以上**,滑鼠點選輸入框(使輸入框獲得焦點,如下圖)" type="
text
" placeholder="
請輸入顯示歡迎學習js的次數
" onfocus="
study(prompt('請輸入顯示歡迎學習js的次數'))
" >
輸入數字後,如下圖,
對**進行修改,如下圖:
完整**如下:
"btn再點選輸入框,使輸入框獲得焦點,發現沒有反應,如下圖" type="
text
" placeholder="
請輸入顯示歡迎學習js的次數
" onfocus="
study(prompt('請輸入顯示歡迎學習js的次數'))
" >
原因在於 ready函式,ready函式建立了乙個區域性函式作用域,外面是不能呼叫內部的study函式的。所以 你的onblur事件失效是不是這個原因呢?
解決方案:
"btn利用jquery繫結事件,當然使用原生js繫結也是一樣的" type="
text
" placeholder="
請輸入顯示歡迎學習js的次數
" >
注:jquery的ready方法就是等待dom元素載入完便立即執行,原生js介面onload是等待所有html載入完再載入js檔案
js繫結onblur事件
對於頁面上文字框驗證時,我們需要給文字框新增事件。原生js方法 新增 document.getelementbyid field setattribute onblur check 刪除 document.getelementbyid field removeattribute onblur jqu...
onBlur事件與onfocus事件(js)
onfocus事件就是當游標落在文字框中時發生的事件。onblur事件是游標失去焦點時發生的事件。可以編如下例子 1.html 還有以下例子 2.html 3 04 05 06 09 10 14 15 onfocus事件就是當游標落在文字框中時發生的事件。onblur事件是游標失去焦點時發生的事件。...
onclick和onblur衝突問題的快速解決方法
新浪首頁的搜尋框裡面有乙個使用ajax的下拉框。我們需要實現乙個點選下拉框裡面的一項,讓搜尋框裡面的值變成這一項,同時下拉框消失的效果,但同時在點選其他地方的時候,這個下拉框也要消失。大致如圖 我們同時使用onblur和onclick來使下拉框隱藏,但是更大的問題出現了,這兩個功能相衝突,onblu...