JavaScript事件机制

<script type="text/javascript" src="http://runjs.cn/gist/2zmltkfa/all"></script>

【前端培养-作业01】javascript事件机制

1.javascript事件模型

2.e.target与e.currentTarget是干什么的?

3.preventDefault与stopPropagation是干什么的

4.什么是dispatchEvent?

5.说一说事件代理的实现,并封装一个方法

6.事件代理的问题<li><span></span></li>如果同时给span与li绑定事件该如何组装冒泡???

7.tap事件是如何实现的

8.tap会产生什么问题

9.zepto的touch库做了什么?

10.fastclick解决了什么问题

11.实现一个滑动touch库

PS:【前端培训-xx】系列是由上海-叶小钗针对成都几个前端培训的题目

--------------------------------------------------------------------------------------------------

  前言:我花了好几个小时百度和google"javascript事件模型",没有查到一个明确对"javascript事件模型"定义的文章。姑且认为它就是高三中的"事件流"吧。对JavaScript术语,我表示有些头疼,经常同一个东西在不同书籍或者不同博客中说法不一致。比如,1.JavaScript数据类型,在JavaScript高级程序设计第三版(再次出现此书用高三代替)中写到"ECMAScript中有5种简单的数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和String,还有一种复杂数据类型--Object"。而JavaScript权威指南(第6版)中把高三中定义的"简单数据类型"叫做"原始数据类型"。2.JavaScript事件处理程序又名事件句柄、事件监听器等等。。。也可能是我理解能力太差了!囧

一、javascript事件模型(我理解为事件流)

  1.事件冒泡

  早期的IE浏览器(IE8及以下)的事件流叫做事件冒泡(event bubbling)

   

时间: 2024-10-07 02:16:10

JavaScript事件机制的相关文章

[解惑]JavaScript事件机制

[解惑]JavaScript事件机制 初学 JS 的童鞋经常会有诸多疑问,我在很多 QQ 群也混了好几年了,耳濡目染也也收获了不少,以后会总结下问题的结论,顺便说说相关知识的扩展~ 如果贸然回答还会冒泡,这不太好的,稍微严谨点考虑 0级 DOM 事件模型的话,这个答案是否定的.但是在 2级 DOM 事件模型中,答案是肯定的,这个问题值得探讨记录下. 本文地址:http://www.cnblogs.com/hustskyking/p/problem-javascript-event.html 一.

Javascript事件机制兼容性解决方案

原文:Javascript事件机制兼容性解决方案 本文的解决方案可以用于Javascript native对象和宿主对象(dom元素),通过以下的方式来绑定和触发事件: 或者 var input = document.getElementsByTagName('input')[0]; var form = document.getElementsByTagName('form')[0]; Evt.on(input, 'click', function(evt){ console.log('inp

6月第4周--javascript 事件机制

本周任务,对javascript事件机制进行思考 提供以下 几个博文 论点: 1.javascript事件模型 2.e.target与e.currentTarget是干什么的? 3.preventDefault与stopPropagation是干什么的 4.什么是dispatchEvent? 5.说一说事件代理的实现,并封装一个方法 6.事件代理的问题<li><span></span></li>如果同时给span与li绑定事件该如何组装冒泡??? 7.tap

【移动端兼容问题研究】javascript事件机制详解(涉及移动兼容)--转

前言 javascript事件基础 事件捕获/冒泡 事件对象 事件模拟 移动端响应速度 PC与移动端鼠标事件差异 touch与click响应速度问题 结论 zepto事件机制 注册/注销事件 zepto模拟tap事件 tap事件的问题一览 点透问题 fastclick思想提升点击响应 实现原理 鬼点击 ios与android鼠标事件差异 事件捕获解决鬼点击 结语 前言 这篇博客有点长,如果你是高手请您读一读,能对其中的一些误点提出来,以免我误人子弟,并且帮助我提高 如果你是javascript菜

javascript事件机制了解与深入

一.事件的捕获与冒泡 “DOM2级事件”规定的事件流包括三个阶段:事件捕获阶段.处于目标阶段和事件冒泡阶段.下面这个图能够很形象的解释(理解捕获和冒泡必不可少的图) 按照图我们编写了代码去验证下, <div id="parent"> <div id="child"> child </div> </div> <script type="text/javascript"> var p = d

记一次途家面试中问到的JavaScript事件机制:Event Loop

前几天去途家面试,问到了事件机制,以及异步队列的问题.很遗憾,当时答错了.回来之后查了下资料,看到阮一峰老师博客的分析,感觉讲的非常浅显易懂,就分享过来了. 一.为什么JavaScript是单线程? JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事.那么,为什么JavaScript不能有多个线程呢?这样能提高效率啊. JavaScript的单线程,与它的用途有关.作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM.这决定了它只能是单线程,

javaScript事件机制兼容【整理】

[添加事件机制]  addEventListener  和  attachEvent [W3C] addEventListener('click' , function(){alert('Hello World')} ,false )  //W3C规范添加事件(IE8及以上不兼容):  第一个参数为事件类型 ,第二个为事件程序 ,第三个 false为事件冒泡,true为事件捕获 [IE] attachEvent('onclick',function(){alert('Hello World')}

JavaScript 事件机制

事件流是一个事件沿着特定数据结构传播的过程.冒泡和捕获是事件流在DOM中两种不同的传播方法. 事件流有三个阶段: 事件捕获阶段 处于目标阶段 事件冒泡阶段 什么是捕获和冒泡 假设有节点如下: <div id="div1"> <div id="div2"></div> </div> <script> let div1 = document.getElementById('div1'); let div2 =

javascript的事件机制

一.事件模型 IE 和 标准DOM的事件模型 IE系:冒泡方式 NETSCAPE系:捕获方式 标准DOM:先捕获再冒泡 冒泡,从触发点向外层.顶层扩散,最后到达document.window,遇到相同注册事件立即触发执行: 捕获则相反,从window.document向里收缩,一直到触发点,遇到相同注册事件立即触发执行: 有代码如下: <style type="text/css"> div { border: solid 1px red; } #s1 { padding: