事件基礎 初

2021-10-10 09:51:14 字數 1184 閱讀 5176

什麼是event物件 •

用來獲取事件的詳細資訊:滑鼠位置、鍵盤按鍵

–例子:獲取滑鼠位置:clientx

–document的本質:document.childnodes[0].tagname

l獲取event物件(相容性寫法)

•var oevent=ev||event;

client

view code

事件流

• 事件冒泡

–取消冒泡:oevent.cancelbubble=true;

–例子:仿select控制項

bubbled up

oevent.cancelbubble=true;差入到以上函式執行內部則終止則實現終止冒泡!

dom事件流

滑鼠位置 •

可視區位置:clientx、clienty

–例子1:跟隨滑鼠的div

»消除滾動條的影響

followed mouse

• 滾動條的意義——可視區與頁面頂部的距離 •

獲取滑鼠在頁面的絕對位置

scroll

封裝函式

–例子2:一串跟隨滑鼠的div

pull along client

•獲取使用者按下鍵盤的哪個按鍵

•例子:鍵盤控制div移動

continuous movement

l其他屬性 •

ctrlkey、shiftkey、altkey

–回車 提交

enter getup

–ctrl+回車 提交

ctrl+enter

知識點

l獲取事件物件

l冒泡、取消冒泡

ldom事件流

l滑鼠事件

l鍵盤事件

事件初理解2 不相容

恢復內容開始 事件裡的不相容 1 同乙個事件上同乙個方法被重複繫結的問題 是可以被重複繫結的,但是,如果繫結方法小於9個,則按後繫結先執行,大於9個方法則無序 3 事件源 ie6 7 8是event.srcelement,其他的是e.target 4 阻止事件傳播 ie中是event.cancelb...

初窺JQuery 二 事件機制 1

詳細出處參考 jquery事件處理 頁面載入 事件繫結 事件委派 事件切換 toggle fn,fn 例項 複製 如下 html jquery toggle toggle function function function function 三 事件委派中也只有兩個方法,live 和die 兩個方...

jQuery Mobile 基礎事件

1.頁面初始化事件 pageinit 2.touch事件 使用者觸控螢幕時觸發 tap 使用者敲擊某個元素時觸發 p on tap function taphold 使用者敲擊某個元素並保持一秒時觸發 即按住不動 p on taphold function swipe 使用者在某個元素上水平滑動超過...