jQuery事件 表單事件

2021-07-25 17:41:17 字數 1110 閱讀 3761

focus 與 blur 事件:之前學過了表單處理事件focusin事件與focusout事件,同樣用於處理表單焦點的事件還有blur與focus事件

它們之間的本質區別:

是否支援冒泡處理

focus() 不會冒泡,在元素本身產生;focusin() 會冒泡,在元素包含的元素中產生。blur與focusout也亦是如此

focus與blur事件:不支援冒泡;focusin與focusout支援冒泡

change事件:元素,和元素的值都是可以發生改變的,開發者可以通過change事件去監聽這些改變的動作

input元素:監聽value值的變化,當有改變時,失去焦點後觸發change事件。對於單選按鈕和核取方塊,當使用者用滑鼠做出選擇時,該事件立即觸發。

select元素:對於下拉選擇框,當使用者用滑鼠作出選擇時,該事件立即觸發

textarea元素:多行文字輸入框,當有改變時,失去焦點後觸發change事件

select事件:當 textarea 或文字型別的 input 元素中的文字被選擇時,會發生 select 事件。這個函式會呼叫執行繫結到select事件的所有函式,包括瀏覽器的預設行為。可以通過在某個繫結的函式中返回false來防止觸發瀏覽器的預設行為。

select事件只能用於元素與元素

方法一:$ele.select();

方法二:$ele.select( handler(eventobject) )

方法三:$ele.select( [eventdata ], handler(eventobject) )

submit事件:提交表單是乙個最常見的業務需求,比如使用者註冊,一些資訊的輸入都是需要表單的提交。同樣的有時候開發者需要在表單提交的時候過濾一些的資料、做一些必要的操作(例如:驗證表單輸入的正確性,如果錯誤就阻止提交,從新輸入)此時可以通過submit事件,監聽下提交表單的這個動作

方法一:$ele.submit()

方法二:$ele.submit( handler(eventobject) )

方法三:$ele.submit( [eventdata ], handler(eventobject) )

下述這些操作下,都可以截獲submit事件。

當某些表單元素獲取焦點時,敲擊enter(回車鍵)

jquery 事件 表單事件

一 focus 與 blur 與focusin focusout 的區別 是否支援冒泡處理 focusin 事件繫結在父元素div,當它內部 有input獲得焦點,會冒泡給父元素div。focusout 也是 div class box 點選觸發焦點 無反應 input type text div ...

事件(二) Jquery事件模型

與w3c標準事件api十分相似,除了名稱上的不同以外,唯一差別就是去掉了usecapture引數,並且去掉了事件名稱中的on字首。示例 如下 document bind ready function div bind mouseout function 與傳統的時間模型不同,jquery的事件名稱沒...

事件(二) Jquery事件模型

與w3c標準事件api十分相似,除了名稱上的不同以外,唯一差別就是去掉了usecapture引數,並且去掉了事件名稱中的on字首。示例 如下 document bind ready function div bind mouseout function 與傳統的時間模型不同,jquery的事件名稱沒...