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("")——

你可能感兴趣的:(js事件 事件冒泡)