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的事件名稱沒...