代理事件 on绑定事件，解除事件，触发事件，阻止冒泡和阻止浏览器默认行为

原创 于 2019-07-10 11:46:59 发布 · 263 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客介绍了前端事件操作相关知识，包括给父元素注册事件，子元素执行，后加入父元素div的元素也具备该事件；使用on进行事件注册，off移除事件，若off有指定事件则移除该事件，无则移除所有事件；使用trigger触发事件。

给父元素注册事件，事件是子元素执行的，后加进来的元素 只要是在父元素div中就有事件

现在都用on

移除事件，如果off里面有事件，就移除该事件，如果没有，就移除所有事件

触发用trigger

木 zi 萌
关注
Javascript中事件，事件流以及阻止事件冒泡的详解
weixin_44465584的博客
03-07 691
1.什么事件？什么是事件流 ？事件流的出现? 一.什么是事件？ 事件是文档或者浏览器窗口中发生的，特定的交互瞬间。 事件是用户或浏览器自身执行的某种动作，如click,load和mouseover都是事件的名字。 事件是javaScript和DOM之间交互的桥梁。你若触发，我便执行——事件发生，调用它的处理函数执行相应的 JavaScript代码给出响应。典型的例子有：页面加载完毕触发...
JS基础-事件模型(事件&事件流&自定义事件&事件冒泡/代理)
LYFlied的博客
03-28 2811
事件与事件流 事件模型 DOM0级模型 IE事件模型 DOM2级模型 DOM3级事件处理方式 事件对象 事件绑定与解除 事件绑定 对象.on事件名字=事件处理函数 对象.addEventListener("没有on的事件名字",事件处理函数,false) 对象.attachEvent("有on的事件名字",事件处理函数); Event Wrapper 自定义事件 JQuery Event模型 JS事件模型-观察者模式 代码例子(通用事件绑定&事件冒泡&代理) 1. 通用事件绑定 2.事件冒泡 3.代理
代理绑定事件下的阻止冒泡事件 注意事项
Caroline_Yang的博客
06-13 319
//自定义节点删除 点击事件 start $('#medicialRecordModal').on('click','.js-del',function (event) { $('#delModal').modal('show'); $(this).attr('data-active','actived'); ...
事件代理on
weixin_33693070的博客
11-15 281
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>on</title> </head> <body> <input type="text"><input type...
关于jquery中用on绑定事件后的事件冒泡问题
热门推荐
z69183787的专栏
12-17 1万+
用on绑定时，我把子元素的 绑定到 document，而把父元素绑定到上级元素，导致 return false 阻止冒泡无效。 事件冒泡 $(function () { $(document).on("click","#p1",function(e){ console
事件委托和阻止事件冒泡
jonsen的博客
05-29 1380
废话不多说，代码走一波DOM结构如下&lt;ul&gt; &lt;li&gt;11&lt;/li&gt; &lt;li&gt;22&lt;/li&gt; &lt;li&gt;33&lt;/li&gt; &lt;li&gt;44&lt;/li&gt; &lt;/ul&gt;li标签是后期动态渲染上去的，但是我们需要给li
on事件绑定阻止冒泡的问题
weixin_30338497的博客
12-30 461
当使用on进行事件绑定时当要给document绑定click，而子元素要禁止冒泡，那么子元素里面的子元素的click事件就会无效了， 下面无效版： $('#queue').on('click', '.link', function() { var t = $(this) ,box = t.next() if(t.hasClass('ac...
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
10-17
在阻止默认行为和事件冒泡的示例中，展示了`return false`可以同时阻止事件冒泡和取消默认行为。这在处理表单提交或链接点击时很有用，因为它可以防止页面跳转或者表单提交等默认操作。 综上所述，jQuery事件处理...
jQuery事件详解：绑定、解绑、冒泡与委托
"这篇一万字的文章全面总结了jQuery事件的相关知识，包括事件绑定、解绑、冒泡、默认行为、自定义事件、事件命名空间、事件委托以及jQuery特有的移入移出事件。" jQuery事件是JavaScript中处理用户交互的重要部分，...
深入理解jQuery 事件处理
10-22
在本文中，我们将深入理解jQuery的事件处理机制，包括事件绑定、命名空间的使用、事件对象的属性、事件处理器的触发与解除，以及相关的方法。 首先，jQuery的事件处理机制是基于浏览器的DOM事件模型。DOM的事件模型...
阻止事件冒泡和围绕.on()方法 [.selector]事件委托中冒泡情况的探讨
Alcantara的博客
10-04 2829
2019-7-23更新： 1. document和body代理事件，在某些浏览器无效，目前发现在微信浏览器无效。 2. 前端使用模板引擎渲染的节点，可能滞后与事件的绑定，因此这种情况下最适合事件代理。 一、事件冒泡和阻止事件冒泡 事件冒泡是JavaScript的核心概念之一，它的原理很简单，但真正应用起来还是有不少的坑。 这里说一说关于阻止事件冒泡的本质。 我们都知道阻止事件冒泡...
事件监听器-禁止浏览器的默认事件
konghouy的博客
10-14 2945
一、引入 我们知道JavaScript的很多操作都是基于事件的监听。事件监听，就是在页面上设置了很多函数的触发规则，当用户触发事件之后，执行函数。 二、内容 addEventListener() 是一种添加事件的方式。它的参数： addEventListener(type, listener, useCapture)； type：事件类型 listener：执行函数 useCapture：是否捕...
jquery中on动态绑定阻止冒泡事件异常
xuexizhe88的博客
02-17 7053
绪论：如果动态生成的元素用on来绑定事件，会根据selector不同，阻止冒泡的结果也不同。
JS中的事件委托和移除事件处理程序
clh386的博客
11-22 2912
1.什么是事件委托？对“事件处理程序过多”的问题的解决方案就是事件委托。事件委托利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。例如，click事件会一直冒泡到documeng层次，也就是说我们可以为整个页面指定一个onclick事件处理程序，而不必给每一个可单击的元素分别添加事件处理程序。如下代码：//html <ul id="myLinks"> <li id="goSom
JQuery阻止冒泡事件on绑定中异常情况分析
Alfred的博客
09-09 3506
本文转载自https://www.cnblogs.com/tengj/p/4794947.html，纯粹作为日常笔记使用 科普下事件冒泡以及默认行为,以下面例子举列子：     事件冒泡：当点击内部button元素时，会触发自身及外层 a的点击事件，这就是事件冒泡引起的。事件会随着 DOM 的层次结构依次向上传播。                        事件冒泡可能会引起意料之外的效...
JQ之事件委托 用on()给父级绑定委托事件
Haima的博客
10-17 1万+
JQ之事件委托                       春       夏       秋             $('ul').on('click','li',function(){ //给li的父标签绑定委托事件       alert($(this).text());//点击时候弹出JQ获取li里文本内容的        //alert(th
酒浓码浓 - React事件阻止浏览器默认行为/冒泡
酒浓码浓
02-09 6376
React事件行为 React中无法用return false去阻止事件的默认响应行为 必须用 event.preventDefault();阻止浏览器默认行为， 例如标签不跳转 注： IE不认，在IE下需要用window.event.returnValue= false; event.stopPropagation();阻止冒泡； 例如上级点击事件不生效 不是你想要的答案，也...
jQuery新的事件绑定机制on()
weixin_33882452的博客
04-16 194
浏览jQuery的deprecated列表，发现live()和die()在里面了，赶紧看了一下，发现从jQuery1.7开始，jQuery引入了全新的事件绑定机制，on()和off()两个函数统一处理事件绑定。因为在此之前有 bind(), live(), delegate()等方法来处理事件绑定，jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。 ...
Jquery click/bind/live/delegate/on事件，阻止默认事件，以及插件的写法
球球之家
06-26 1078
几种常见事件介绍，阻止事件传递的三种写法，插件的编写模板
React深度解析：阻止事件冒泡的策略
"React中阻止事件冒泡的问题详析" 在React开发中，处理用户交互时，经常需要控制事件的传播。事件冒泡是JavaScript事件模型的一部分，它允许事件从子元素向父元素逐级传递。然而，有时我们希望事件只在特定元素上...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值