JS 焦點事件

2021-09-06 09:34:30 字數 516 閱讀 4428

校驗瀏覽器是否支援某事件:document.implementation.hasfeature("focusevent","3.0")

常用的焦點事件有:

blur:在元素失去焦點時觸發,該事件不會進行冒泡,所有瀏覽器都支援

focusout:在元素失去焦點時觸發,該事件會進行冒泡,支援它的瀏覽器有:ie5.5+、safari5.1+、opera11.5+、chrome。

focus:在元素得到焦點時觸發,該事件不會進行冒泡,所有瀏覽器都支援

focusout:在元素得到焦點時觸發,該事件會進行冒泡,支援它的瀏覽器有:ie5.5+、safari5.1+、opera11.5+、chrome。

domfocusin:得到焦點,會進行冒泡

domfocusout:失去焦點,會進行冒泡

當焦點從乙個元素移動到另外乙個元素,會依此觸發下面事件(假設都設定了):

focusout -> focusin - > blur - > domocusout -> focus ->domfocusin

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 ...

失去焦點和獲得焦點發生事件 js

失去焦點 nblur hanshu this 獲得焦點 nf cus hanshu this 函式名 chksafe 功能介紹 檢查是否含有 引數說明 要檢查的字串 返回值 0 是1 不是 function chksafe a return 1 函式名 chkspc 功能介紹 檢查是否含有空格 引數...