040 Web前端 JS 焦點事件

2021-10-07 10:09:42 字數 686 閱讀 4085

文件事件——焦點事件

#6.22

焦點:

js當前正在和使用者發生互動的節點稱為焦點。可以模擬為人類目光匯聚的地方。

描述: 焦點事件分為獲取焦點和失去焦點事件,分別會在元素節點獲得焦點和失去焦點時自動觸發。

語法: 獲取焦點:節點.onfocus=function(){}

失去焦點:節點.onblur=function(){}

注意: a.可以使用dom0繫結也可以使用dom2繫結

b.不支援事件冒泡

document.

queryselector

('input').

onfocus

=function()

document.

queryselector

('input').

onblur

=function()

樣例:焦點框內輸入合法時變綠不合法變紅

var input=  document.

queryselector

('input');

input.

onblur

=function()

else

}

JS 焦點事件

校驗瀏覽器是否支援某事件 document.implementation.hasfeature focusevent 3.0 常用的焦點事件有 blur 在元素失去焦點時觸發,該事件不會進行冒泡,所有瀏覽器都支援 focusout 在元素失去焦點時觸發,該事件會進行冒泡,支援它的瀏覽器有 ie5.5...

js中的焦點事件問題

在web頁面中,經常要實現這樣乙個js功能 滑鼠焦點落到輸入框內,輸入框原有預設值消失,當失去焦點時,如果使用者未輸入任何內容,怎還是顯示預設值。今天在修改一頁麵時,發現乙個問題 在頁面是可以實現上述功能,但提交表單後,由於在服務端資料校驗不通過時 為測試服務端的校驗功能,遮蔽了前端的js校驗。al...

js學習筆記24 焦點事件

事件 onfous 元素獲取焦點時觸發事件 onblur 元素失去焦點時觸發事件 方法 obj.focus 可指定元素設定焦點 obj.blur 取消指定元素的焦點 obj.select 選中指定元素裡面的文字內容 示例 1 doctype html 2 html lang en 3 head 4 ...