什麼是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 使用者在某個元素上水平滑動超過...