当前位置：首页 > 实用文档 > 其他范文> 放风筝事件

放风筝事件

时间：2022-05-07 13:18:51 其他范文收藏本文下载本文

放风筝事件(（整理10篇））由网友“quinhydrone”投稿提供，下面是小编给大家带来关于放风筝事件，一起来看看吧，希望对您有所帮助。

放风筝事件

篇1：js 事件

今天来总结一下js事件的相关知识^_^

首先要明白什么是事件流，事件流大致分为3个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。ie8及其以下没有事件捕获阶段，只有后面两个阶段

事件捕获：事件从目标从上往下进行传播，从外往内传播。

事件冒泡：事件从目标从下往上进行传播，从内往外传播。

二者刚好相反，这样说太抽象了，下面的图片应该能直观的体现

接下来是最基本的，添加事件和删除事件

而最普通的方法如下：

var mydiv = document.getElementById(“myDiv”);添加事件：mydiv.onclick = function{ alert(“hello world!”);}删除事件：mydiv.onclick = null;

下面是比较高端的用法：

addEventListener() 和 removeEventListener()

这是比较高端的用法，都需要接收3个参数，ie8及其以下不支持这种方式

第一个参数是事件的类型，第二个参数是对应的handler，第三个判断是否在冒泡阶段处理

为true，表示在捕获阶段处理, false表示在冒泡阶段处理事件

IE不支持在捕获阶段处理事件，为了兼容性考虑，通常选择在冒泡阶段处理事件

法一：mydiv.addEventListener('click',function(){ alert(“hello world!”);}, false);法二：mydiv.addEventListener('click', handler, false);function handler(){ alert(“hello world!”);}删除事件：mydiv.removeEventListener('click', handler, false);

只是ie8及其以下不支持这种方式，不过同时提供了另一种方式

attachEvent()和detachEvent()

mydiv.attachEvent('onclick',function(){ alert(“hello world!”);});mydiv.attachEvent('onclick', handler);function handler(){ alert(“hello world!”);}删除事件：mydiv.detachEvent('onclick', handler);

既然这里存在浏览器的兼容性问题，我们为什么不用一个方法将它们的差异封装起来，方便用户使用呢？

我们使用它的时候，这样操作就可以了：

如上面所示，大家有没有发现一个的地方，如果我要对它添加（或删除）好几个事件，这样写起来会不会太麻烦了。我们是否能够简化它的写法呢？

那就换一种封装的方式：

var EventUtil = { addEvent: function(element, eventType, handler){ var event_arr = eventType.split(' '); if(event_arr.length != handler.length){ return; } for(var i = 0, len = event_arr.length; i

这样的话就可以这样方便的使用它了：

下面来看一下event 对象

标准浏览器中：

target 指向鼠标操作的元素；currentTarget 指向添加事件的元素，也就是this

这里有两个例子，大家可以亲手测试一下，点击的区域不同，产生的结果不一样

var mydiv = document.getElementById(“myDiv”);mydiv.onclick = function(event){ console.log(event.target === this); console.log(event.currentTarget === this); console.log(event.target === event.currentTarget);}document.body.onclick = function(event){ console.log(event.target === this); console.log(event.currentTarget === this); console.log(event.target === event.currentTarget); console.log(event.target === mydiv);}

下面针对事件冒泡举个例子：

结果如下：

从这里也可以体会出事件冒泡的机理vcD4KPHA+PGJyPgo8L3A+CjxwPtfo1rnErMjP0NDOqjxicj4KPC9wPgo8cD6x6te85K/AwMb3ysdwcmV2ZW50RGVmYXVsdCgpo6xJRcrHcmV0dXJuVmFsdWUgPSBmYWxzZTwvcD4KPHA+zazKsdXiwO/Sqtei0uKjrElFus2x6te85K/AwMb3u/HIoWV2ZW50tcS3vcq9srvSu9H5PC9wPgo8cD48cHJlIGNsYXNzPQ==”brush:java;">var link = document.getElementById('myLink');标准浏览器：link.onclick = function(event) { event.preventDefault();}IE浏览器：link.onclick = function(event) { var evt = event || window.event; evt.preventDefault(); evt.returnValue = false;}

阻止冒泡

标准浏览器是stopPropagation()，IE是cancelBubble = true

标准浏览器阻止冒泡：var mydiv = document.getElementById('myDiv');mydiv.onclick = function(event) { console.log('div clicked'); event.stopPropagation();//用来阻止冒泡}document.body.onclick = function(event){ console.log('body clicked');}IE浏览器阻止冒泡：var mydiv = document.getElementById('myDiv');mydiv.onclick = function(event) { var evt = event || window.event; console.log('div clicked'); evt.cancelBubble = true;//用来阻止冒泡}document.body.onclick = function(event){ console.log('body clicked');}1.IE和标准浏览器在event的获取上有差异

2.IE中没有标准浏览器中的target属性，但是有srcElement属性作为替代

3.IE中阻止默认行为会用到returnValue这个属性，false则取消默认行为，

电脑资料

标准浏览器用preventDefault()

4.IE中取消事件冒泡会用到cancelBubble这个属性，为true会取消冒泡。标准浏览器用stopPropagation()

既然IE与标准浏览器在这么多地方存在差异，我们何不将之封装起来，让用户体会不到差异不是很好吗？

var EventUtil = { addEvent: function(element, eventType, handler){ var event_arr = eventType.split(' '); if(event_arr.length != handler.length){ return; } for(var i = 0, len = event_arr.length; i

最后简单来说说事件代理（event delegation）

通过事件代理，可以把事件处理器添加到一个父级元素上，等待一个事件从它的子级元

素里冒泡上来，并且可以得知这个事件是从哪个元素开始的。这样就避免了把事件处理器

添加到多个子级元素上，提高了性能。

比如我们有一张数据量很大的html表格，现在有一个需求，用户通过鼠标能够对每一个单元格中的数据进行更改。

如果针对很一个单元格都添加一个事件将产生很大的性能问题，甚至是浏览器崩溃。如果在这里使用事件代理，我

们只需要把事件添加到table元素上面，并且判断出是哪个单元格作了，然后进行相应的处理，这样会大大提高效率

篇2：灵异事件

灵异事件一：山腰上的鬼影

那是我十岁的时候，我们家住在北京城边上，家门口的对面仅仅几十步远就有一个小山岗。

一天傍晚，我出门倒脏水，看到对面小山岗的山腰上有一个模糊的白影，它看上去象一个披着长发的女鬼。但我看不清它的脸，据说鬼是轻易不让人看到自己的脸的。

我一直站在门口看着鬼魂，直到母亲在屋里喊我，我才回头答应了一下。

当我马上转过头来再一次望对面山腰上时，鬼魂就再也没有出现了。

灵异事件二：晒太阳的老奶奶

那年暑假，我抽空回了趟老家。

许久没回家了，吃过午饭我便出去闲逛，老家的小巷深邃幽长，阳光照得人分外舒服。我转过一个拐角，看到了一个老奶奶，她正扶着墙站着。

“老奶奶，您在等人吗?”我跑过去问。

“没有，我只是来晒会儿太阳，天马上要黑了呀!”那个奶奶说。

我很奇怪，现在才中午呀，看来老奶奶是糊涂了。

我并没有把这件事放在心上，很快就忘记了。第二天我和爸爸去参加树里一个老奶奶的葬礼，我进灵堂后不禁呆住了，因为灵堂中央挂着的照片上的人就是我在小巷里看见的老奶奶!

我呆站着，脑中不禁想起了老奶奶说道的话：天马上要黑了呀!

她就是在我见过她的那天下午去世的……

灵异事件三：广州小旅店的古代鬼影

那是我读初中时的一个署假，母亲带找到广州去访亲。不知什么原因，我们在一个非常古老的旅店住了下来，我们租了一间有两张单人未的房间。

半夜，我莫名其妙地惊醒了。我看见一个人穿着古代的衣服，站在我床头上似是而非地望着我。

我吃惊不小，赶紧闭上了自已的眼晴。我睁开又闭眼，这样重复了三次，这个古代人还站在原地不动。

我仔细的看，它根本就没有下腰和双腿。他的上身和人一样。

我害怕的躲到被子里，再也不敢伸出来。这夜的印象对我是如此的强烈，我至今记得非常清楚。

篇3：打针事件

打针事件

新潭中学七年级（二）袁培敬我是一个天不怕地不怕的一个顶天立地的男子汉，可是我就是害怕打针，只要闻到打针的药品的气味，两腿就不听使唤，有时害怕起来两腿还会发抖。

记得有一次，我感冒了，我本以为过几天就会好的，谁知一个星期多都没有好，还病情加重，又惹上了咳嗽，后来还发了烧，38度多一点。当我妈“慎重”的告诉我：“儿子，你的病情加重，需要打一枝针才会好，不打针后果会更加严重。”

我一听，身上的皮毛就完全的竖起来了！记得以前我小时侯因为为了不打针，把医生的办公室捣的乱七八糟，但是结果还是逃不过那一针。这一次又要打针，我不知会发生什么样的事件。

当妈妈带着浑身发抖的我来到医院门口时，我就精巧的甩过妈妈逃之夭夭，可是妈妈也不甘示弱。紧追着我，我妈妈在跑步上厉害过我，可是我这个短跑冠军怎么会示弱呢！我和妈妈来了一场跑步比赛……

但后来还是熟练跑步的`妈妈获得了冠军，我只好乖乖的束手就擒。再次来到医院门口，妈妈为了不让我再次逃跑，正在用绳捆绑着我去医生那。

当医生把探热器放到我胰下时，我满头大汗，但出的都是冷汗。几分钟过后，医生把探热器拿出后，好象“遗憾”的对我妈妈说：“你儿子没有发烧，只是有点感冒。”我那时在心中感到了一种解放的感觉。可医生又说：“虽说没事，但为了加防再次病情的加重，所以必须要打一针来预防。”我顿时好象被人刺了一刀。指导老师：黄昌俭

评语：我尊敬的老师。

篇4：温哥华“事件”

世界上无论是人还是动物都有感情。在XX年10月9日的一天温哥华街发生了一件有趣的‘事件”

那天，一群小鸭子在呀妈妈的带领下来到了温哥华街头优哉游哉的漫游着，他们由鸭妈妈的带领下来到了一条马路边，鸭妈妈回过头来嘎嘎的了几声。好像在说：“孩子们，我们要过马路了，孩子们一定要紧跟在妈妈后面哦，如果北马路上的铁疙瘩呀着了，是很不好的哟。”几只小鸭子跟在鸭妈妈的身后摇摇摆摆的上了马路。

一辆辆汽车纷纷小心翼翼地停在鸭子队伍左右两边，就像遇到红绿灯一样，秩序井然。

就在这时，一场惊心动魄的“事件”上演了。只听见“扑通”一声机制小鸭子顿时没了踪影。原来是小鸭子十足调到下水道去了。

鸭妈妈看见了，着急的扑着翅膀。鸭妈妈冷静下来，来到交通警察的身边，鸭妈妈为这警察转，警察不知道鸭妈妈要干什么，就友好地摸了摸它鸭妈妈知道警察不知道意思就用它的嘴使劲摇警察的裤腿，暗指让警察跟它来。警察明白了，就和鸭妈妈赶到了“出事地点”。经查看到了几只小鸭子想：“如果不就它们的话几只小家伙就要被冲走了。”警察伸出手怎么也抓不到小鸭子。鸭妈妈急了，头望天嘎嘎的叫好像在对来天簌说对自己的不公。

这时，警察看到路边的一个渔用品专卖店马上跑过去，向店老板借了一个渔兜把小鸭子一个个捞了上来。

鸭妈妈看见了自己的孩子高兴极了还用自己看大的翅膀抚摸着它们小鸭子们从新排好队，走到了路的另一边，有回过头来叫了几声，好像在和警察道谢了呢。

警察回到岗位，目送鸭子队伍走得很远很远。

湖北荆门钟祥市新堤小学六年级:邱昕岳

篇5：“离奇”事件

“离奇”事件_小学写人记事作文

离奇事件？听着名字都觉得恐怖，没错，这件事情发生得的确很恐怖，因为这件事情刚发生时就像一篇鬼故事一样……

中午放学，老师罚我们静坐三十分钟，三十分钟后，我很累了，拖着疲倦的身子往家里走去。走啊走啊，我好像在走长征一样，到家就有一万八千里长，真是累死人了。突然，看见阿陆、梁and谭璐敏走在前面。咦，阿詹呢？她不是的跟屁虫吗？她那里他就会跟到那里的，怎么没见她呢？于是，我跑到阿陆她们那里……

“阿陆！”我伸手拍了拍她的肩膀。“阿――”我正想问她阿詹呢，她却慌忙地先问了我：“你看见阿詹了吗？”“没有啊。”我不懂她在说什么。“啊？那不会……”她和梁、谭璐敏异口同声的说，但就是没说出下半句。“我们出校门的时候她还跟在我们后面呢，然后我们一眨眼间，她就不见了，是不是被……”阿陆用惊恐的眼神看着我。“不会吧，她可能已经回到家了吧？”我猜想。“可能吧。”阿陆回答。于是，我们继续往家走。但是，我一直往后看，看看阿詹是不是跟在后面。突然，我再一次往会看的时候，发现阿詹像鬼一样跟着呢！“喂，你看，阿詹。”我颤抖地拍拍阿陆的肩膀。“啊！”阿陆她们大叫了一声，“鬼来啦！快跑啊！”我们大叫一声，赶紧逃跑了，阿詹则在后面紧追不舍：“等等我！”

我们跑啊跑，跑到路口，我们就分开回家了，我和阿陆一条路，梁和谭璐敏一条路，陆瑶没力了最后，被阿詹赶了上来，“你们干嘛啊？”“你看，真的鬼上身了。”阿陆对我说，阿詹也听到了，可是，这不像她的风格，要是在平时，她早就放开她那叫一声地球也要抖三抖的嗓门了，今天，她却平静地说：“才不是呢~~~”阿陆立即感到了她的不对劲，就说她鬼上身了。可是，阿詹她仍然平静的说：“又没有。”啊啊，真的不正常咧，我什么都不理了，直接往家跑了。

下午，她向我们说了原因：她说因为夹子不见了，就跑回家了，至于她突然出现了就不知道是怎么回事了。是因为夹子？那更不像她的风格，她跟疯子没什么差别，怎么会因为一个小小的夹子就不见了，她一向不爱美啊，不理了，不见就算了，反正我也不是福尔摩司，可能是碰巧吧。

我们走了一会儿，发现不对劲，我们回头一看，啊，她又不见了……