JavaScript事件

1.事件 描述:事件本质上是一种交互操作,经常配合函数使用。当事件发生时函数同时执行。

2.事件传递 描述:事件不仅能够和触发者进行交互,还能够在特定的情况下沿着domTree逐级传递, 和domTree中的各个节点进行交互。事件的这种特性称为【事件传递机制】

名词:

(1)(事件真正的)触发者:事件第一次在哪个节点上发生,这个节点就称为是触发者。

(2)特定情况:domTree中其他节点也绑定了这个事件的情况

类型:

(1)事件冒泡:事件从最具体的元素开始触发,沿domTree逐级向上传递,直到最不具体的节点停止

(2)事件捕获:事件从最不具体的节点开始触发,沿domTree逐级向下传递,直到最具体的元素为止。

注意:

如非特殊强调,所有的事件传递都采用事件冒泡!

例子:

btn.onclick = function () {console.log(‘事件触发:按钮被点击!’); };

div.onclick = function () {console.log(‘事件触发:div被点击!’); };

document.body.onclick = function () { console.log(‘事件触发:body被点击!’); };

document.documentElement.onclick= function () { console.log(‘事件触发:html被点击!’); };

document.onclick = function () { console.log(‘事件触发:document被点击!’); };

JavaScript视频推荐

https://www.bjsxt.com/down/9215.html

http://yun.itheima.com/course/286.html

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、事件流 1.1 事件流 事件流:从页面中接受事件的顺序 事件冒泡:即事件开始时由最具体的元素(文档中嵌套层次最...
    范小饭_阅读 1,098评论 1 9
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,950评论 2 17
  • 事件基本概念 事件类型:用来说明发生什么类型事件的字符串,即事件名。事件目标:发生事件的对象。当谈论事件时,会同时...
    留七七阅读 1,064评论 0 11
  • JavaScript 与 HTML 之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬...
    threetowns阅读 357评论 0 0
  • 小的时候 大海是远方 长大了 大海成了故乡 听说你们开始工作 他们忙着结婚 我们还一样 捱等 岁月里漫长 想起风吹...
    燕绥阅读 176评论 1 3