js基礎(chǔ)鼠標(biāo)事件

一般事件

事件 瀏覽器支持 描述

onClick? ?? 鼠標(biāo)點(diǎn)擊事件磨德,多用在某個(gè)對(duì)象控制的范圍內(nèi)的鼠標(biāo)點(diǎn)擊

onDblClick??? 鼠標(biāo)雙擊事件

onMouseDown??? 鼠標(biāo)上的按鈕被按下了

onMouseUp??? 鼠標(biāo)按下后,松開(kāi)時(shí)激發(fā)的事件

onMouseOver 當(dāng)鼠標(biāo)移動(dòng)到某對(duì)象范圍的上方時(shí)觸發(fā)的事件

onMouseMove??? 鼠標(biāo)移動(dòng)時(shí)觸發(fā)的事件

onMouseOut? 當(dāng)鼠標(biāo)離開(kāi)某對(duì)象范圍時(shí)觸發(fā)的事件

onKeyPress??? 當(dāng)鍵盤(pán)上的某個(gè)鍵被按下并且釋放時(shí)觸發(fā)的事件.[注意:頁(yè)面內(nèi)必須有被聚焦的對(duì)象]

onKeyDown??? 當(dāng)鍵盤(pán)上某個(gè)按鍵被按下時(shí)觸發(fā)的事件[注意:頁(yè)面內(nèi)必須有被聚焦的對(duì)象]

onKeyUp?? 當(dāng)鍵盤(pán)上某個(gè)按鍵被按放開(kāi)時(shí)觸發(fā)的事件[注意:頁(yè)面內(nèi)必須有被聚焦的對(duì)象]

頁(yè)面相關(guān)事件

事件 瀏覽器支持 描述

onAbort???? 圖片在下載時(shí)被用戶(hù)中斷

onBeforeUnload??? 當(dāng)前頁(yè)面的內(nèi)容將要被改變時(shí)觸發(fā)的事件

onError???? 捕抓當(dāng)前頁(yè)面因?yàn)槟撤N原因而出現(xiàn)的錯(cuò)誤,如腳本錯(cuò)誤與外部數(shù)據(jù)引用的錯(cuò)誤

onLoad 頁(yè)面內(nèi)空完成傳送到瀏覽器時(shí)觸發(fā)的事件典挑,包括外部文件引入完成

onMove??? 瀏覽器的窗口被移動(dòng)時(shí)觸發(fā)的事件

onResize??? 當(dāng)瀏覽器的窗口大小被改變時(shí)觸發(fā)的事件

onScroll??? 瀏覽器的滾動(dòng)條位置發(fā)生變化時(shí)觸發(fā)的事件

onStop? 瀏覽器的停止按鈕被按下時(shí)觸發(fā)的事件或者正在下載的文件被中斷

onUnload 當(dāng)前頁(yè)面將被改變時(shí)觸發(fā)的事件

表單相關(guān)事件

事件 瀏覽器支持 描述

onBlur??? 當(dāng)前元素失去焦點(diǎn)時(shí)觸發(fā)的事件 [鼠標(biāo)與鍵盤(pán)的觸發(fā)均可]

onChange??? 當(dāng)前元素失去焦點(diǎn)并且元素的內(nèi)容發(fā)生改變而觸發(fā)的事件 [鼠標(biāo)與鍵盤(pán)的觸發(fā)均可]

onFocus 當(dāng)某個(gè)元素獲得焦點(diǎn)時(shí)觸發(fā)的事件

onReset 當(dāng)表單中RESET的屬性被激發(fā)時(shí)觸發(fā)的事件

onSubmit? 一個(gè)表單被遞交時(shí)觸發(fā)的事件

滾動(dòng)字幕事件

事件 瀏覽器支持 描述

onBounce??? 在Marquee內(nèi)的內(nèi)容移動(dòng)至Marquee顯示范圍之外時(shí)觸發(fā)的事件

onFinish??? 當(dāng)Marquee元素完成需要顯示的內(nèi)容后觸發(fā)的事件

onStart??? 當(dāng)Marquee元素開(kāi)始顯示內(nèi)容時(shí)觸發(fā)的事件

編輯事件

事件 瀏覽器支持 描述

onBeforeCopy??? 當(dāng)頁(yè)面當(dāng)前的被選擇內(nèi)容將要復(fù)制到瀏覽者系統(tǒng)的剪貼板前觸發(fā)的事件

onBeforeCut??? 當(dāng)頁(yè)面中的一部分或者全部的內(nèi)容將被移離當(dāng)前頁(yè)面[剪貼]并移動(dòng)到瀏覽者的系統(tǒng)剪貼板時(shí)觸發(fā)的事件

onBeforeEditFocus? 當(dāng)前元素將要進(jìn)入編輯狀態(tài)

onBeforePaste??? 內(nèi)容將要從瀏覽者的系統(tǒng)剪貼板傳送[粘貼]到頁(yè)面中時(shí)觸發(fā)的事件

onBeforeUpdate??? 當(dāng)瀏覽者粘貼系統(tǒng)剪貼板中的內(nèi)容時(shí)通知目標(biāo)對(duì)象

onContextMenu? 當(dāng)瀏覽者按下鼠標(biāo)右鍵出現(xiàn)菜單時(shí)或者通過(guò)鍵盤(pán)的按鍵觸發(fā)頁(yè)面菜單時(shí)觸發(fā)的事件 [試試在頁(yè)面中的中加入onContentMenu="return false"就可禁止使用鼠標(biāo)右鍵了]

onCopy??? 當(dāng)頁(yè)面當(dāng)前的被選擇內(nèi)容被復(fù)制后觸發(fā)的事件

onCut??? 當(dāng)頁(yè)面當(dāng)前的被選擇內(nèi)容被剪切時(shí)觸發(fā)的事件

onDrag??? 當(dāng)某個(gè)對(duì)象被拖動(dòng)時(shí)觸發(fā)的事件 [活動(dòng)事件]

onDragDrop??? 一個(gè)外部對(duì)象被鼠標(biāo)拖進(jìn)當(dāng)前窗口或者幀

onDragEnd??? 當(dāng)鼠標(biāo)拖動(dòng)結(jié)束時(shí)觸發(fā)的事件酥宴,即鼠標(biāo)的按鈕被釋放了

onDragEnter??? 當(dāng)對(duì)象被鼠標(biāo)拖動(dòng)的對(duì)象進(jìn)入其容器范圍內(nèi)時(shí)觸發(fā)的事件

onDragLeave??? 當(dāng)對(duì)象被鼠標(biāo)拖動(dòng)的對(duì)象離開(kāi)其容器范圍內(nèi)時(shí)觸發(fā)的事件

onDragOver??? 當(dāng)某被拖動(dòng)的對(duì)象在另一對(duì)象容器范圍內(nèi)拖動(dòng)時(shí)觸發(fā)的事件 [活動(dòng)事件]

onDragStart??? 當(dāng)某對(duì)象將被拖動(dòng)時(shí)觸發(fā)的事件

onDrop??? 在一個(gè)拖動(dòng)過(guò)程中,釋放鼠標(biāo)鍵時(shí)觸發(fā)的事件

onLoseCapture?? 當(dāng)元素失去鼠標(biāo)移動(dòng)所形成的選擇焦點(diǎn)時(shí)觸發(fā)的事件

onPaste??? 當(dāng)內(nèi)容被粘貼時(shí)觸發(fā)的事件

onSelect??? 當(dāng)文本內(nèi)容被選擇時(shí)的事件

onSelectStart??? 當(dāng)文本內(nèi)容選擇將開(kāi)始發(fā)生時(shí)觸發(fā)的事件

數(shù)據(jù)綁定事件 瀏覽器支持 描述

onAfterUpdate? 當(dāng)數(shù)據(jù)完成由數(shù)據(jù)源到對(duì)象的傳送時(shí)觸發(fā)的事件

onCellChange? 當(dāng)數(shù)據(jù)來(lái)源發(fā)生變化時(shí)

onDataAvailable? 當(dāng)數(shù)據(jù)接收完成時(shí)觸發(fā)事件

onDatasetChanged? 數(shù)據(jù)在數(shù)據(jù)源發(fā)生變化時(shí)觸發(fā)的事件

onDatasetComplete? 當(dāng)來(lái)子數(shù)據(jù)源的全部有效數(shù)據(jù)讀取完畢時(shí)觸發(fā)的事件

onErrorUpdate? 當(dāng)使用onBeforeUpdate事件觸發(fā)取消了數(shù)據(jù)傳送時(shí)您觉,代替onAfterUpdate事件

onRowEnter? 當(dāng)前數(shù)據(jù)源的數(shù)據(jù)發(fā)生變化并且有新的有效數(shù)據(jù)時(shí)觸發(fā)的事件

onRowExit? 當(dāng)前數(shù)據(jù)源的數(shù)據(jù)將要發(fā)生變化時(shí)觸發(fā)的事件

onRowsDelete? 當(dāng)前數(shù)據(jù)記錄將被刪除時(shí)觸發(fā)的事件

onRowsInserted? 當(dāng)前數(shù)據(jù)源將要插入新數(shù)據(jù)記錄時(shí)觸發(fā)的事件

外部事件

事件 瀏覽器支持 描述

onAfterPrint? 當(dāng)文檔被打印后觸發(fā)的事件

onBeforePrint? 當(dāng)文檔即將打印時(shí)觸發(fā)的事件

onFilterChange? 當(dāng)某個(gè)對(duì)象的濾鏡效果發(fā)生變化時(shí)觸發(fā)的事件

onHelp? 當(dāng)瀏覽者按下F1或者瀏覽器的幫助選擇時(shí)觸發(fā)的事件

onPropertyChange? 當(dāng)對(duì)象的屬性之一發(fā)生變化時(shí)觸發(fā)的事件

onReadyStateChange? 當(dāng)對(duì)象的初始化屬性值發(fā)生變化時(shí)觸發(fā)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末拙寡,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子琳水,更是在濱河造成了極大的恐慌肆糕,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,843評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件在孝,死亡現(xiàn)場(chǎng)離奇詭異诚啃,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)私沮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,538評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)始赎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人仔燕,你說(shuō)我怎么就攤上這事造垛。” “怎么了晰搀?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,187評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵五辽,是天一觀(guān)的道長(zhǎng)。 經(jīng)常有香客問(wèn)我厕隧,道長(zhǎng)奔脐,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,264評(píng)論 1 292
  • 正文 為了忘掉前任吁讨,我火速辦了婚禮髓迎,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘建丧。我一直安慰自己排龄,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,289評(píng)論 6 390
  • 文/花漫 我一把揭開(kāi)白布翎朱。 她就那樣靜靜地躺著橄维,像睡著了一般。 火紅的嫁衣襯著肌膚如雪拴曲。 梳的紋絲不亂的頭發(fā)上争舞,一...
    開(kāi)封第一講書(shū)人閱讀 51,231評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音澈灼,去河邊找鬼竞川。 笑死店溢,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的委乌。 我是一名探鬼主播床牧,決...
    沈念sama閱讀 40,116評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼遭贸!你這毒婦竟也來(lái)了戈咳?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 38,945評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤壕吹,失蹤者是張志新(化名)和其女友劉穎著蛙,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體算利,經(jīng)...
    沈念sama閱讀 45,367評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡册踩,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,581評(píng)論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了效拭。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片暂吉。...
    茶點(diǎn)故事閱讀 39,754評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖缎患,靈堂內(nèi)的尸體忽然破棺而出慕的,到底是詐尸還是另有隱情,我是刑警寧澤挤渔,帶...
    沈念sama閱讀 35,458評(píng)論 5 344
  • 正文 年R本政府宣布肮街,位于F島的核電站,受9級(jí)特大地震影響判导,放射性物質(zhì)發(fā)生泄漏嫉父。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,068評(píng)論 3 327
  • 文/蒙蒙 一眼刃、第九天 我趴在偏房一處隱蔽的房頂上張望绕辖。 院中可真熱鬧,春花似錦擂红、人聲如沸仪际。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,692評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)树碱。三九已至,卻和暖如春变秦,著一層夾襖步出監(jiān)牢的瞬間成榜,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,842評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工蹦玫, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留赎婚,地道東北人雨饺。 一個(gè)月前我還...
    沈念sama閱讀 47,797評(píng)論 2 369
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像惑淳,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子饺窿,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,654評(píng)論 2 354

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

  • 之前寫(xiě)過(guò)一篇瀏覽器事件的相關(guān)操作和事件運(yùn)行的原理——JavaScript瀏覽器事件解析歧焦。這一篇主要寫(xiě)一些常用的事件...
    faremax閱讀 1,616評(píng)論 0 0
  • 總結(jié): 鼠標(biāo)事件 1.click與dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r閱讀 1,605評(píng)論 2 10
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說(shuō)明:指定了 HTML 文檔遵循的文檔類(lèi)型定義(D...
    米塔塔閱讀 3,240評(píng)論 1 41
  • 這是全棧數(shù)據(jù)工程師養(yǎng)成攻略系列教程的第十二期:12 數(shù)據(jù)庫(kù) 用Python操作MySQL肚医。 我們已經(jīng)接觸了如何使用...
    宏倫工作室閱讀 957評(píng)論 0 11
  • 近日肠套,一個(gè)網(wǎng)友稱(chēng)朋友領(lǐng)自家鸚鵡看完醫(yī)生之后舰涌,很得意地說(shuō):“我家鸚鵡變色了!超帥的你稚!”該網(wǎng)友質(zhì)疑朋友拿錯(cuò)了別人的寵物...
    港漂圈閱讀 536評(píng)論 0 1