js高級程序設(shè)計(jì)筆記21

事件

1.event
bubbles //事件是否冒泡
cancelable //是否可以取消事件的默認(rèn)行為
currentTarget //當(dāng)前事件處理的元素
eventPhase //事件處理處于哪個(gè)階段,1捕獲苗缩,2處于目標(biāo)瓶摆,3冒泡
target //事件目標(biāo)
type //事件類型


preventDefault() //取消默認(rèn)行為
stopPropagation() //取消捕獲冒泡
stopImmediatePropagation() //取消捕獲或冒泡,同時(shí)組織一切事件處理程序的調(diào)用

#事件處理程序中this的值永遠(yuǎn)等于currentTarget

2.事件類型

UI事件
焦點(diǎn)事件
鼠標(biāo)事件
滾輪事件
文本事件
鍵盤事件
合成事件
變動事件

3.UI事件

load //頁面完全加載完成時(shí)觸發(fā)
unload //文檔被卸載時(shí)觸發(fā)

resize //瀏覽器窗口大小被調(diào)整時(shí)觸發(fā)欺冀,根據(jù)瀏覽器不同觸發(fā)機(jī)制不同

scroll //滾動瀏覽器時(shí)觸發(fā)


4.焦點(diǎn)事件

blur //元素失去焦點(diǎn)時(shí)觸發(fā)
focus //元素獲得焦點(diǎn)時(shí)觸發(fā)

5鼠標(biāo)與滾輪事件

1.mousedown
2.mouseup
3.click
4.mousedown
5.mouseup
6.click
7.dbclick


event.clientX/event.clientY //獲取事件觸發(fā)位于窗口的坐標(biāo)

//頁面坐標(biāo)位置
x = event.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft)

y = event.clienty + (document.body.scrollTop || document.documentElement.scrollTop)

//屏幕位置

event.screenX/event.screenY


//修改鍵

shiftKey,ctrlKey,altKey,metaKey //bool,如果按下了就為TRUE

//相關(guān)元素(mouseover,mouseout)

relatedElement // IE: toElement

//button屬性

0 //主鼠標(biāo)按鈕
1 //中間按鈕
2 //次鼠標(biāo)按鈕

//滾輪事件
wheelDelta //120的倍數(shù)


6.鍵盤和文本事件

keydown
keyup
keypress //按下字符鍵時(shí)觸發(fā)

event.keycode //鍵碼
evetn.charcode //字符集碼碉碉,可用String().fromCharCode()轉(zhuǎn)換成實(shí)際字符

Dom3中引入了char ,key兩個(gè)屬性

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市狱窘,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌财搁,老刑警劉巖蘸炸,帶你破解...
    沈念sama閱讀 221,888評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異妇拯,居然都是意外死亡幻馁,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,677評論 3 399
  • 文/潘曉璐 我一進(jìn)店門越锈,熙熙樓的掌柜王于貴愁眉苦臉地迎上來仗嗦,“玉大人,你說我怎么就攤上這事甘凭∠」眨” “怎么了?”我有些...
    開封第一講書人閱讀 168,386評論 0 360
  • 文/不壞的土叔 我叫張陵丹弱,是天一觀的道長德撬。 經(jīng)常有香客問我,道長躲胳,這世上最難降的妖魔是什么蜓洪? 我笑而不...
    開封第一講書人閱讀 59,726評論 1 297
  • 正文 為了忘掉前任,我火速辦了婚禮坯苹,結(jié)果婚禮上隆檀,老公的妹妹穿的比我還像新娘。我一直安慰自己粹湃,他們只是感情好恐仑,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,729評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著为鳄,像睡著了一般裳仆。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上孤钦,一...
    開封第一講書人閱讀 52,337評論 1 310
  • 那天歧斟,我揣著相機(jī)與錄音,去河邊找鬼偏形。 笑死静袖,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的壳猜。 我是一名探鬼主播勾徽,決...
    沈念sama閱讀 40,902評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼滑凉,長吁一口氣:“原來是場噩夢啊……” “哼统扳!你這毒婦竟也來了喘帚?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,807評論 0 276
  • 序言:老撾萬榮一對情侶失蹤咒钟,失蹤者是張志新(化名)和其女友劉穎吹由,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體朱嘴,經(jīng)...
    沈念sama閱讀 46,349評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡倾鲫,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,439評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了萍嬉。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片乌昔。...
    茶點(diǎn)故事閱讀 40,567評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖壤追,靈堂內(nèi)的尸體忽然破棺而出磕道,到底是詐尸還是另有隱情,我是刑警寧澤行冰,帶...
    沈念sama閱讀 36,242評論 5 350
  • 正文 年R本政府宣布溺蕉,位于F島的核電站,受9級特大地震影響悼做,放射性物質(zhì)發(fā)生泄漏疯特。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,933評論 3 334
  • 文/蒙蒙 一肛走、第九天 我趴在偏房一處隱蔽的房頂上張望漓雅。 院中可真熱鬧,春花似錦羹与、人聲如沸故硅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,420評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽吃衅。三九已至,卻和暖如春腾誉,著一層夾襖步出監(jiān)牢的瞬間徘层,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,531評論 1 272
  • 我被黑心中介騙來泰國打工利职, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留趣效,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,995評論 3 377
  • 正文 我出身青樓猪贪,卻偏偏與公主長得像跷敬,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子热押,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,585評論 2 359

推薦閱讀更多精彩內(nèi)容