js事件 事件冒泡

js事件的分类

事件的类型:有鼠标事件，键盘事件，HTML事件，变化事件

注意：js中的事件前面要加on （如：onclick onmouseover），但jquery中的事件不需要加on 如（ [图片上传失败…(image-39e6ec-1547189649195)]

(“Element”).mouseover ）

鼠标事件:（最常用）

click,dblclick,mousedown,mouseupmouseout,mouseover,mousemove;

事件属性:

type:表明是什么事件;

target(DOM)或srcElement(IE):表明触发事件的对象;

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):表明触发事件的对象;

shiftKey,ctrlKey,altKey,metaKey(DOM):是否按下了Shift,Ctrl,Alt,Meta键;

HTML事件:（窗口，文档，表单）

load,upload,abort,error,select,change,submit,reset,resize,scroll,focus,blue

与window有关的有resize窗口调大调小事件,scroll滚动事件,

JS的冒泡事件

什么是冒泡事件？

在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）

阻止事件冒泡的几种方法

第一种： event.stopPropagation();

第二种： return false;

第三种： event.preventDefault();

jQuery节点操作

1、查找元素节点

$(“ul li:eq()”);

2、查找属性节点

$(“selector”).attr(“title”)

3、创建文本节点、创建属性节点

除节点，而是清空节点

4、复制节点

clone():复制节点后，被复制的新元素并不具有任何i行为

clone(true):复制元素的同时同时复制所绑定的事件

5、替换节点

replaceWith()、replaceAll():

$(“p”).replaceWith("");

6、包裹节点

$(“strong”).wrap("");warp译为用…包裹（之前搞不清楚谁包裹谁，总是搞混，单词不过关┭┮﹏┭┮）

wrapAll():$("p").wrapAll("")——

wrap()单独包裹每个元素，

wrapInner():$("p").wrapInner("")——