abstrait: 通過(guò)jQuery事件的學(xué)習(xí),了解到了,js的事件與jQuery事件的區(qū)別,都只是比JS的事件少寫(xiě)了'on' 事件如下: 1.blur() 當(dāng)輸入光標(biāo)在輸入文本框然后再離開(kāi)文本框時(shí)觸發(fā)事件主要用在input框; 2.focus() 當(dāng)輸入光標(biāo)點(diǎn)擊進(jìn)輸入文本框是觸發(fā)事件,主要用在input框; 3.click() 當(dāng)鼠標(biāo)點(diǎn)擊后觸發(fā)事件; 4.d
通過(guò)jQuery事件的學(xué)習(xí),了解到了,js的事件與jQuery事件的區(qū)別,都只是比JS的事件少寫(xiě)了'on' 事件如下: 1.blur() 當(dāng)輸入光標(biāo)在輸入文本框然后再離開(kāi)文本框時(shí)觸發(fā)事件主要用在input框; 2.focus() 當(dāng)輸入光標(biāo)點(diǎn)擊進(jìn)輸入文本框是觸發(fā)事件,主要用在input框; 3.click() 當(dāng)鼠標(biāo)點(diǎn)擊后觸發(fā)事件; 4.dblclick() 當(dāng)鼠標(biāo)雙擊后觸發(fā)事件; 5.mouseover() 當(dāng)鼠標(biāo)移動(dòng)到元素之后觸發(fā)事件; 6.mouseenter() 當(dāng)鼠標(biāo)移動(dòng)進(jìn)入元素后觸發(fā)事件與mouseover效果差不多; 7.mousemove() 當(dāng)鼠標(biāo)移動(dòng)到元素后觸發(fā)事件與mouseenter和mouseover差不多; 8.mouseout() 當(dāng)鼠標(biāo)移動(dòng)到元素然后從元素上移開(kāi)后觸發(fā)事件與mouseleave一樣; 9.mousedown() 當(dāng)鼠標(biāo)移動(dòng)到元素上并且按下鼠標(biāo)時(shí)觸發(fā)事件; 10.mouseup() 當(dāng)鼠標(biāo)移動(dòng)到元素上按下并且松開(kāi)鼠標(biāo)時(shí)觸發(fā)事件; 11.resize() 當(dāng)調(diào)整瀏覽器縮放大小時(shí)觸發(fā)事件; 12.pageX()獲取鼠標(biāo)指針相對(duì)于文檔左邊緣的位置; 13.pageY()獲取鼠標(biāo)相對(duì)于文檔上邊緣的位置; 14.change() 當(dāng)輸入框輸入內(nèi)容并且輸入光標(biāo)離開(kāi)輸入框時(shí)觸發(fā)事件用在input框; 第二遍 1.blur() 當(dāng)輸入光標(biāo)在輸入文本框然后再離開(kāi)文本框時(shí)觸發(fā)事件主要用在input框; 2.focus() 當(dāng)輸入光標(biāo)點(diǎn)擊進(jìn)入輸入文本框時(shí)觸發(fā)事件主要用在input框; 3.change()當(dāng)輸入文本框輸入內(nèi)容并且輸入光標(biāo)離開(kāi)輸入框時(shí)觸發(fā)事件主要用在input框; 4.mouseover()當(dāng)鼠標(biāo)移動(dòng)到元素上方時(shí)觸發(fā)事件與mouseenter和mousemove一樣; 5.mouseout()當(dāng)鼠標(biāo)移動(dòng)到元素上從元素移開(kāi)時(shí)觸發(fā)事件與mouseleave一樣; 6.mousedown() 當(dāng)鼠標(biāo)按移動(dòng)到元素上按下鼠標(biāo)時(shí)觸發(fā)事件; 7.mouseup () 當(dāng)鼠標(biāo)移動(dòng)到元素,按下鼠標(biāo)松開(kāi)時(shí)觸發(fā)事件; 8.resize() 當(dāng)調(diào)整整個(gè)頁(yè)面的縮放比例時(shí)觸發(fā); 9.dblclick() 當(dāng)鼠標(biāo)在元素上雙擊時(shí)觸發(fā); 10.pageX() 獲取鼠標(biāo)在頁(yè)面上相對(duì)文檔左側(cè)邊緣的位置; 11.pageY()獲取鼠標(biāo)在頁(yè)面上相對(duì)于文檔上邊緣的位置; 第三遍 1.dblclick()當(dāng)鼠標(biāo)在元素上雙擊時(shí)觸發(fā)事件; 2.mousemove()當(dāng)鼠標(biāo)移動(dòng)到元素上時(shí)觸發(fā)事件與mouseenter和mouseover一樣; 3.blur() 當(dāng)光標(biāo)在輸入框然后光標(biāo)離開(kāi)輸入框時(shí)觸發(fā)的事件; 4.focus() 當(dāng)光標(biāo)移動(dòng)到輸入框時(shí)觸發(fā)事件,主要用在input框; 5.mouseleave() 當(dāng)鼠標(biāo)從移動(dòng)到元素再?gòu)脑厣想x開(kāi)時(shí)觸發(fā)事件跟mouseout一樣; 6.mouseup()當(dāng)鼠標(biāo)移動(dòng)到元素上按下鼠標(biāo)松開(kāi)鼠標(biāo)時(shí)觸發(fā)事件; 7.mousedown()當(dāng)鼠標(biāo)移動(dòng)到元素上按下鼠標(biāo)時(shí)觸發(fā)事件; 8.resize() 當(dāng)頁(yè)面縮放比例發(fā)生變化時(shí)觸發(fā)事件; 9.pageX()獲取鼠標(biāo)相對(duì)于左邊文檔邊緣的位置; 10.pageY()獲取鼠標(biāo)相對(duì)于文檔上邊緣的位置; 11.change() 當(dāng)文本框輸入內(nèi)容光標(biāo)離開(kāi)文本框時(shí)觸發(fā)事件用于input框; 以上為自己的學(xué)習(xí)驗(yàn)證總結(jié)!