onblur事件和onfocus事件失效

2022-08-27 17:27:16 字數 1135 閱讀 6993

先看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

" type="

text

" placeholder="

請輸入顯示歡迎學習js的次數

" >

利用jquery繫結事件,當然使用原生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...