細(xì)數(shù)DOM里需要學(xué)習(xí)的事件

1勤晚、鼠標(biāo)事件

event.x 鼠標(biāo)橫軸

event.y 鼠標(biāo)縱軸

event.keycode 鍵盤值

events.button==0 鼠標(biāo)左鍵

events.button==2 鼠標(biāo)右鍵

events.button==3 鼠標(biāo)左右鍵同時(shí)按下

events.button==4 鼠標(biāo)中鍵

events.button==5 鼠標(biāo)左鍵和中鍵同時(shí)按下

events.button==6 鼠標(biāo)右鍵和中鍵同時(shí)按下

events.button==7 所有三個(gè)鍵都按下

click:當(dāng)用戶單擊鼠標(biāo)按鈕時(shí)觸發(fā)。

    input.onclick = function () {
        alert('Lee');
    };

dblclick:當(dāng)用戶雙擊主鼠標(biāo)按鈕時(shí)觸發(fā)领虹。

    input.ondblclick = function () {
        alert('Lee');
    };

mousedown:當(dāng)用戶按下了鼠標(biāo)還未彈起時(shí)觸發(fā)。

    input.onmousedown = function () {
        alert('Lee');
    };

mouseup:當(dāng)用戶釋放鼠標(biāo)按鈕時(shí)觸發(fā)菌羽。

    input.onmouseup = function () {

        alert('Lee');
    };

mouseover:當(dāng)鼠標(biāo)移到某個(gè)元素上方時(shí)觸發(fā)掠械。

    input.onmouseover = function () {
        alert('Lee');
    };

mouseenter: 在鼠標(biāo)光標(biāo)從元素外部首次移動(dòng)至元素范圍內(nèi)觸發(fā)由缆,不參 與冒泡,而且在光標(biāo)移動(dòng)到后代元素上是不會(huì)觸發(fā)的

input.onmouseenter = function () {
        alert('Lee');
    };

mouseleave: 在位于元素范圍內(nèi)的鼠標(biāo)光標(biāo)移動(dòng)到元素范圍外之后觸 發(fā)猾蒂,這個(gè)事件不參與冒泡均唉,而且在光標(biāo)移動(dòng)到后代元素上不會(huì)觸發(fā)

input.onmouseenter = function () {
        alert('Lee');
    };

mouseout:當(dāng)鼠標(biāo)移出某個(gè)元素上方時(shí)觸發(fā)。

    input.onmouseout = function () {
        alert('Lee');
    };

mousemove:當(dāng)鼠標(biāo)指針在元素上移動(dòng)時(shí)觸發(fā)肚菠。

    input.onmousemove = function () {
        alert('Lee');
    };

總結(jié):mouseenter 移入 mouseleave 移出

mouseover 移入 mouseout 移出

區(qū)別就在于(mouseenter 移入 mouseleave 移出 ) 不參與冒泡舔箭,其后代元素上不會(huì)受影響

2、鍵盤事件

keydown:當(dāng)用戶按下鍵盤上任意鍵觸發(fā)蚊逢,如果按住不放层扶,會(huì)重復(fù)觸發(fā)。

    onkeydown = function () {
        alert('Lee');
    };

keyup:當(dāng)用戶釋放鍵盤上的鍵觸發(fā)烙荷。

    onkeyup = function () {
        alert('Lee');
    };

keypress:當(dāng)用戶按下鍵盤上的字符鍵觸發(fā)镜会,如果按住不放,會(huì)重復(fù)觸發(fā)终抽。

    onkeypress = function () {
        alert('Lee');
    };

3戳表、HTML事件

load:當(dāng)頁面完全加載后在window上面觸發(fā),或當(dāng)框架集加載完畢后在框架集上觸發(fā)昼伴。

    window.onload = function () {
        alert('Lee');
    };

unload:當(dāng)頁面完全卸載后在window上面觸發(fā)匾旭,或當(dāng)框架集卸載后在框架集上觸發(fā)。

    window.onunload = function () {
        alert('Lee');
    };

select:當(dāng)用戶選擇文本框(input或textarea)中的一個(gè)或多個(gè)字符觸發(fā)圃郊。

    input.onselect = function () {
        alert('Lee');
    };

change:當(dāng)文本框(input或textarea)內(nèi)容改變且失去焦點(diǎn)后觸發(fā)价涝。

    input.onchange = function () {
        alert('Lee');
    };

input: 輸入

    input.oninput = function () {
        alert('Lee');
    };

focus:當(dāng)頁面或者元素獲得焦點(diǎn)時(shí)在window及相關(guān)元素上面觸發(fā)。

    input.onfocus = function () {
        alert('Lee');
    };

blur:當(dāng)頁面或元素失去焦點(diǎn)時(shí)在window及相關(guān)元素上觸發(fā)持舆。

    input.onblur = function () {
        alert('Lee');
    };

submit:當(dāng)用戶點(diǎn)擊提交按鈕在<form>元素上觸發(fā)色瘩。

    form.onsubmit = function () {
        alert('Lee');
    };

reset:當(dāng)用戶點(diǎn)擊重置按鈕在<form>元素上觸發(fā)。

    form.onreset= function () {
        alert('Lee');
    };

resize:當(dāng)窗口或框架的大小變化時(shí)在window或框架上觸發(fā)逸寓。

    window.onresize = function () {
        alert('Lee');
    };

scroll:當(dāng)用戶滾動(dòng)帶滾動(dòng)條的元素時(shí)觸發(fā)泞遗。

    window.onscroll = function () {
        alert('Lee');
    };
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市席覆,隨后出現(xiàn)的幾起案子史辙,更是在濱河造成了極大的恐慌,老刑警劉巖佩伤,帶你破解...
    沈念sama閱讀 218,204評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件聊倔,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡生巡,警方通過查閱死者的電腦和手機(jī)耙蔑,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來孤荣,“玉大人甸陌,你說我怎么就攤上這事须揣。” “怎么了钱豁?”我有些...
    開封第一講書人閱讀 164,548評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵耻卡,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我牲尺,道長(zhǎng)卵酪,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,657評(píng)論 1 293
  • 正文 為了忘掉前任谤碳,我火速辦了婚禮溃卡,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘蜒简。我一直安慰自己瘸羡,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,689評(píng)論 6 392
  • 文/花漫 我一把揭開白布搓茬。 她就那樣靜靜地躺著最铁,像睡著了一般。 火紅的嫁衣襯著肌膚如雪垮兑。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,554評(píng)論 1 305
  • 那天漱挎,我揣著相機(jī)與錄音系枪,去河邊找鬼。 笑死磕谅,一個(gè)胖子當(dāng)著我的面吹牛私爷,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播膊夹,決...
    沈念sama閱讀 40,302評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼衬浑,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了放刨?” 一聲冷哼從身側(cè)響起工秩,我...
    開封第一講書人閱讀 39,216評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎进统,沒想到半個(gè)月后助币,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,661評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡螟碎,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,851評(píng)論 3 336
  • 正文 我和宋清朗相戀三年眉菱,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片掉分。...
    茶點(diǎn)故事閱讀 39,977評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡俭缓,死狀恐怖克伊,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情华坦,我是刑警寧澤愿吹,帶...
    沈念sama閱讀 35,697評(píng)論 5 347
  • 正文 年R本政府宣布,位于F島的核電站季春,受9級(jí)特大地震影響洗搂,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜载弄,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,306評(píng)論 3 330
  • 文/蒙蒙 一耘拇、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧宇攻,春花似錦惫叛、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,898評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至夸浅,卻和暖如春仑最,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背帆喇。 一陣腳步聲響...
    開封第一講書人閱讀 33,019評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工警医, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人坯钦。 一個(gè)月前我還...
    沈念sama閱讀 48,138評(píng)論 3 370
  • 正文 我出身青樓预皇,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親婉刀。 傳聞我的和親對(duì)象是個(gè)殘疾皇子吟温,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,927評(píng)論 2 355

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

  • ??JavaScript 與 HTML 之間的交互是通過事件實(shí)現(xiàn)的鲁豪。 ??事件,就是文檔或?yàn)g覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,490評(píng)論 1 11
  • 本節(jié)介紹各種常見的瀏覽器事件律秃。 鼠標(biāo)事件 鼠標(biāo)事件指與鼠標(biāo)相關(guān)的事件呈昔,主要有以下一些。 click 事件友绝,dblc...
    許先生__閱讀 2,437評(píng)論 0 4
  • 本篇博客源地址 總結(jié): 鼠標(biāo)事件 1.click與dbclick事件ele.click()ele.click(ha...
    ZombieBrandg閱讀 674評(píng)論 0 1
  • JavaScript 與 HTML 之間的交互是通過事件實(shí)現(xiàn)的堤尾。事件,就是文檔或?yàn)g覽器窗口中發(fā)生的一些特定的交互瞬...
    LemonnYan閱讀 680評(píng)論 0 4
  • JavaScript 與 HTML 間通過事件實(shí)現(xiàn)交互迁客。事件——文檔或?yàn)g覽器窗口中發(fā)生的一些特定的交互瞬間郭宝,即用戶...
    sylvia_yue閱讀 466評(píng)論 0 0