js事件的分類
事件的類型:有鼠標事件,鍵盤事件啰扛,HTML事件嚎京,變化事件
注意:js中的事件前面要加on (如:onclick onmouseover),但jquery中的事件不需要加on 如( [圖片上傳失敗…(image-39e6ec-1547189649195)]
(“Element”).mouseover )
鼠標事件:(最常用)
click,dblclick,mousedown,mouseupmouseout,mouseover,mousemove;
事件屬性:
type:表明是什么事件;
target(DOM)或srcElement(IE):表明觸發(fā)事件的對象;
shiftKey,ctrlKey,altKey,metaKey(DOM):是否按下了Shift,Ctrl,Alt,Meta鍵;
button:0-未按下鍵;1-按左鍵;2-按右鍵;3-同時按下左右;4-按下中鍵;5-按下左和中;6-按下右和中;7-同時按下左中右;
鍵盤事件:
keydown,keypress,keyup
事件屬性:
keyCode:按下的鍵的代碼(等于Unicode值)
charCode(DOM):鍵對應的代碼和字符會有一個分離;
target(DOM)或srcElement(IE):表明觸發(fā)事件的對象;
shiftKey,ctrlKey,altKey,metaKey(DOM):是否按下了Shift,Ctrl,Alt,Meta鍵;
HTML事件:(窗口隐解,文檔鞍帝,表單)
load,upload,abort,error,select,change,submit,reset,resize,scroll,focus,blue
與window有關(guān)的有resize窗口調(diào)大調(diào)小事件,scroll滾動事件,
JS的冒泡事件
什么是冒泡事件?
在一個對象上觸發(fā)某類事件(比如單擊onclick事件)煞茫,如果此對象定義了此事件的處理程序帕涌,那么此事件就會調(diào)用這個處理程序,如果沒有定義此事件處理程序或者事件返回true溜嗜,那么這個事件會向這個對象的父級對象傳播宵膨,從里到外,直至它被處理(父級對象所有同類事件都將被激活)炸宵,或者它到達了對象層次的最頂層辟躏,即document對象(有些瀏覽器是window)
阻止事件冒泡的幾種方法
第一種: event.stopPropagation();
第二種: return false;
第三種: event.preventDefault();
jQuery節(jié)點操作
1、查找元素節(jié)點
$(“ul li:eq()”);
2土全、查找屬性節(jié)點
$(“selector”).attr(“title”)
3捎琐、創(chuàng)建文本節(jié)點会涎、創(chuàng)建屬性節(jié)點
除節(jié)點,而是清空節(jié)點
4瑞凑、復制節(jié)點
clone():復制節(jié)點后末秃,被復制的新元素并不具有任何i行為
clone(true):復制元素的同時同時復制所綁定的事件
5、替換節(jié)點
replaceWith()籽御、replaceAll():
$(“p”).replaceWith("");
6练慕、包裹節(jié)點
$(“strong”).wrap("");warp譯為用…包裹(之前搞不清楚誰包裹誰,總是搞混技掏,單詞不過關(guān)┭┮﹏┭┮)
wrapAll():$("p").wrapAll("")——
wrap()單獨包裹每個元素铃将,
wrapInner():$("p").wrapInner("")——