文档章节

JavaScript:事件冒泡和事件委托

樂天
 樂天
发布于 2014/06/21 21:31
字数 221
阅读 40
收藏 0

JavaScript事件代理和委托(Delegation)

JavaScript事件冒泡和事件委托

JavaScript:通过事件委托实现事件可配置

event.preventDefault

event.preventDefault() vs. return false

js中的preventDefault和stopPropagation

preventDefault函数的典型应用就是去掉form中submit按钮的默认的提交动作(这个提交动作会刷新页面)。

下面的内容整理自《PhoneGap开发指南》:

事件机制可以分为捕获型和冒泡型。捕获型是事件由父级元素(DOM)传递到子元素。冒泡型正好相反。事件机制默认为冒泡型。事件机制可以通过参数指定。

事件委托可以将我们绑定在document上的事件自动绑定在我们在运行时候创建的DOM元素上。就比如,JQuery库的$.live和$.delegate函数,它们也有这样的机制。

© 著作权归作者所有

共有 人打赏支持
樂天
粉丝 137
博文 673
码字总数 147433
作品 3
深圳
程序员
私信 提问
JS和JQ的event对象对比和应用

currentTarget 事件冒泡阶段所在的DOM target, originalTarget原始的DOM 代码测试: 结果分析: 总结: js的event参数中,不管是, , 都是指向第一个触发事件的元素(还没冒泡),而在click事...

前端届的科比
2014/08/11
0
0
《高性能javascript》 领悟随笔之-------DOM编程篇(二)

《高性能javascript》 领悟随笔之-------DOM编程篇二   序:在javaSctipt中,ECMASCRIPT规定了它的语法,BOM实现了页面与浏览器的交互,而DOM则承载着整个页面文档。DOM编程性能一直以来都...

grootzhang
2016/05/10
0
0
温故js系列(10)-事件event

前端学习:教程&开发模块化/规范化/工程化/优化&工具/调试&值得关注的博客/Git&面试-前端资源汇总 欢迎提issues斧正:Event JavaScript-事件event JavaScript中,事件一般是指浏览器和用户操...

xzavier
08/27
0
0
前端面试之JavaScript

1. JS基本的数据类型和引用类型 基本数据类型:number、string、null、undefined、boolean、symbol -- 栈 引用数据类型:object、array、function -- 堆 两种数据类型存储位置不同 原始数据类...

大灰狼的小绵羊哥哥
08/27
0
0
jQuery中bind方法与live方法区别

今天做项目时遇到的关于live与bind的问题,经查阅资料所得,live实际上为bind方法的变型,bind方法仅支持当前存在元素的事件绑定,而对于日后js动态生成的元素绑定无效。而live方法则弥补了此...

boxiZen
2013/12/20
0
3

没有更多内容

加载失败,请刷新页面

加载更多

小白带你认识netty(三)之NioEventLoop的线程(或者reactor线程)启动(一)

在第一章中,我们看关于NioEventLoopGroup的初始化,我们知道了NioEventLoopGroup对象中有一组EventLoop数组,并且数组中的每个EventLoop对象都对应一个线程FastThreadLocalThread,那么这个...

天空小小
55分钟前
0
0
PHP动态扩展Redis模块

查看已有模块 [root@test-a ~]# /usr/local/php/bin/php -m[PHP Modules]bz2Core...zlib[Zend Modules] 下载包,解压,生成configure文件 [root@test-a ~]# cd /usr/local/src/[ro......

野雪球
今天
1
0
在Ignite中使用线性回归算法

在本系列前面的文章中,简单介绍了一下Ignite的机器学习网格,下面会趁热打铁,结合一些示例,深入介绍Ignite支持的一些机器学习算法。 如果要找合适的数据集,会发现可用的有很多,但是对于...

李玉珏
今天
2
0
Mybatis应用学习——简单使用示例

1. 传统JDBC程序中存在的问题 1. 一个简单的JDBC程序示例: public class JDBCDemo {public static void main(String[] args) {Connection con=null;PreparedStatement statemen...

江左煤郎
今天
2
0
使用JavaScript编写iOS应用业务逻辑

JSAUIKitCocoa使你可以使用JavaScript编写对性能要求不高但可能变动性很大的iOS应用的业务逻辑部分,View组件、需要多线程支持的Model等则直接使用原生对象。 编写方式与React Native相似,但...

neal01
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部