大家好！今天让小编来大家介绍下关于js中的“事件“是什么？北大青鸟分享js代码事件机制识别的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
文章目录列表:
就是因为这个链接里面会出现一个点击事件,网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件,事件被从document一直向下传播到目标元素,在这过程中依次检查经过的节点是否注册了该事件的监听函数,事件到达目标元素,执行目标元素的事件处理函数.(3)事件冒泡阶段,主要事件表:北大青鸟分享js代码事件机制识别在各种浏览器中存在三种事件模型:原始事件模型,DOM2事件模型,IE事件模型,就发生一个鼠标单击（onclick）事件,监听函数只是元素的一个属性值,二、href="javacript:void(0);" 表示点击这个链接后执行一条javascript语句：void(0); 这条语句表示什么也不做。
本文目录
js中的“事件“是什么
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。
主要事件表:
北大青鸟分享js代码事件机制识别
在各种浏览器中存在三种事件模型:原始事件模型,DOM2事件模型,IE事件模型。
其中原始的事件模型被所有浏览器所支持,而DOM2中所定义的事件模型目前被除了IE以外的所有主流浏览器支持.
原始事件模型：
在原始事件模型中(也有说DOM0级)，事件发生后没有传播的概念，没有事件流。北大青鸟认为事件发生，处理，结束，就这么简单。监听函数只是元素的一个属性值，通过指定元素的属性值来绑定监听器。书写方式有两种：
(1)HTML代码中指定属性值：
(2)在js代码中指定属性值：document.getElementsByTagName(‘input’).onclick=func
优点：所有浏览器都兼容
缺点：
1.逻辑与显示没有分离
2.相同事件的监听函数只能绑定一个，后绑定的会覆盖掉前面的
3.无法通过事件的冒泡、委托等机制。
DOM2事件模型
此模型是W3C制定的标准模型。W3C制定的事件模型中，一次事件的发生包含三个过程：
(1)事件捕获阶段。事件被从document一直向下传播到目标元素,在这过程中依次检查经过的节点是否注册了该事件的监听函数，若有则执行。
(2)事件处理阶段。事件到达目标元素,执行目标元素的事件处理函数.
(3)事件冒泡阶段。事件从目标元素上升一直到达document，同样依次检查经过的节点是否注册了该事件的监听函数，有则执行。
所有的事件类型都会经历"事件捕获阶段"但是只有部分事件会经历"事件冒泡阶段"阶段,例如submit事件就不会被冒泡。
e.target与e.currentTarget是干什么的?
e.target获取当前实际触发事件节点，e.currentTarget获取获取当前监听节点。
11111
$(’div’).on(’click’,function(e){console.log(e.currentTarget);console.log(e.target);})
如果点击span的输出：
li对象
span对象
点击li的非span区域，输出
li对象
li对象
preventDefault与stopPropagation是干什么的
href=“javacript:;“ href=“javacript:void(0);“ href=“#“区别
我来说说：一、href="javacript:;" 这种用法不正确，这么用的话会出现浏览器访问“javascript:;”这个地址的现象；二、href="javacript:void(0);" 表示点击这个链接后执行一条javascript语句：void(0); 这条语句表示什么也不做，是个空语句，出现它的原因，就是因为这个链接里面会出现一个点击事件，onclick="sss()";三、href="#"这个与Javascript没关系了，这是HTML的链接用法，它并不是没有链接，而是前往当前网页的顶部，如果你的网页比较长，需要向下拉很远的滚动条，这时候你如果想快速地返回到顶部，那么就用这个链接，点一个，网页的滚动条就到最上方了，这种使用#对链接进行标识的用法，叫做锚。四、希望使用a标签来对一个函数进行调用，除了以上第二项最常用的方式式外，还有一种：第二项介绍的方法：《ahref="javascript:void(0);"onClick="aaa();"》链接《/a》另一种用法，或许是你所说的第一种吧：《ahref="javascript:aaa();"》链接《/a》以上两种用法达到的效果是一样的。至于onClick="aaa()" 的用法，是Javascript的事件了，只要一个标签里有这个属性，就表示在鼠标完成一次点击后，执行aaa()这个函数，这个函数在你的网页中，或在你的网页所引入的某个JS文件中；以下是JavaScript常用事件：onClick：鼠标完成一次点击，即鼠标左键按下后抬起之后；onMouseDown：鼠标按下事件，即鼠标左或右键被按下；onMouseUp：鼠标抬起事件，即鼠标不管在哪里被按下，但是只要在这个元素上被抬起；onMouseMove：鼠标移动事件，即鼠标在这个元素上移动；onMouseOver：鼠标移入事件，即鼠标从其它位置移到到该元素上；onMouseOut：鼠标移出事件，即鼠标从该元素上离开；参考资料：【链接的锚】【JS事件】http://www.w3school.com.cn/js/js_htmldom_events.asp
以上就是小编对于js中的“事件“是什么？北大青鸟分享js代码事件机制识别问题和相关问题的解答了，js中的“事件“是什么？北大青鸟分享js代码事件机制识别的问题希望对你有用！
