js學習筆記24 焦點事件

2022-03-14 12:42:41 字數 1003 閱讀 2079

事件:

onfous : 元素獲取焦點時觸發事件

onblur : 元素失去焦點時觸發事件

方法:

obj.focus(); 可指定元素設定焦點

obj.blur(); 取消指定元素的焦點

obj.select(); 選中指定元素裡面的文字內容

示例**:

1

doctype html

>

2<

html

lang

="en"

>

3<

head

>

4<

title

>焦點事件

title

>

5<

meta

charset

="utf-8"

>

6<

meta

name

="viewport"

content

="width=device-width, initial-scale=1"

>

7<

script

>

8window.onload

=function

()17}18

oipt.onblur

=function

()22}23

}24script

>

25head

>

26<

body

>

27<

input

type

="text"

name

="test"

value

="請輸入內容"

id="test"

>

28body

>

29html

>

JS 焦點事件

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

js中的焦點事件問題

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

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

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