美文网首页
js事件 事件冒泡

js事件 事件冒泡

作者: 寻_4533 | 来源:发表于2019-04-15 13:44 被阅读0次

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事件相关基础

    js事件: 键盘事件: JS中的事件冒泡和事件捕获: 1、事件冒泡。如下代码: 点击button事件,连同父元素绑...

  • 关于js事件冒泡、阻止事件冒泡

    关于js事件冒泡、阻止事件冒泡 一、事件冒泡 当事件发生后,这个事件就要开始传播(从里到外或者从外向里)。为什...

  • 事件基础(2)

    js事件的三个阶段:捕获,目标,冒泡 IE:IE事件流是事件冒泡流 Netscape事件流是事件捕获流 IE事件...

  • 问题

    1.js绑定事件已经阻止了冒泡,怎么又允许事件进行冒泡?

  • vue 阻止事件冒泡,捕获方法

    要想了解 VUE 阻止事件冒泡和捕获方法,首先要了解一下 JS 事件和 JS 阻止事件冒泡,捕获方法 1. js ...

  • 【基础】阻止事件冒泡

    阻止事件冒泡 html js

  • 【基础】阻止事件冒泡

    阻止事件冒泡 html js

  • 搜狗面试

    原型链上手写事件,手写原生js实现ajax事件,jsonp实现原理,阻止事件IE冒泡代码,事件捕获、处理,冒泡代码...

  • js事件 事件冒泡

    js事件的分类 事件的类型:有鼠标事件,键盘事件,HTML事件,变化事件 注意:js中的事件前面要加on(如:on...

  • 原生JS实现Ajax

    原生Js的实现 事件 鼠标事件 *e.stoppropagation();//阻止事件冒泡 键盘事件 事件对象(e...

网友评论

      本文标题:js事件 事件冒泡

      本文链接:https://www.haomeiwen.com/subject/iiduwqtx.html