在网站培训中，大家会接触到javascript很多相关语法，常见概念，及事件或者对象操作。那么今天我们来了解一下网站建设中javascript事件以及事件的相关概念解释。
一.什么是事件？什么是网页事件？
网页事件是指可以被javascript侦测到的所有用户行为，这些行为包括鼠标的点击事件，鼠标的经过事件 ，文本改变事件，文本框选中事件，光标移入移出事件，网页加载事件和关闭网页事件。
二.什么是事件流？
事件流是指一个网站网页中接受事件的顺序。这里网页的接收事件顺序有两种：1.事件冒泡，即由最具体的元素接受，然后逐级向上传递至最不具体的文档节点；2.事件捕获：与事件冒泡正好相反，从最不具体的节点先接收事件，而最具体的节点最后接收事件。注意：事件流的概念只需要了解就可以了。
三.事件的处理方式有哪些？他们各有所不同？
1.HTML事件处理：即直接添加事件到HTML结构中。比如常见的onclick，代码示例：
<a href="###" onclick="demo()">点击</a>
<script>function demo(){alert("hello world")}</script>
特点：执行快捷，代码书写简单，但是不利于后期维护，修改麻烦。
2.DOM 0级事件处理：即把一个函数赋值给一个事件处理程序属性。代码示例：
<a href="###" id="a1">点击</a>
<script>
var a1=document.getElementById("a1");
a1.onclick= function (){alert("hello world")}
a1.onclick= function (){alert("hello world")}
</script>
特点：代码维护方便，只需要修改某一个函数即可，缺点是多个统一元素相同函数会被覆盖，只执行最近的函数。
3.DOM 2级事件处理：即事件句柄操作方式 addEventListener（“事件名”，“事件处理函数”）；代码示例：
<a href="###" id="a1">点击</a>
<script>
var a1=document.getElementById("a1"). addEventListener("click",function（）｛alert("hello"｝);
a1.addEventListener("click",demo());
a1.addEventListener("click",demo2());
function demo(){alert("hello")};
function demo2(){alert("hello")};
a1.removeEventListener("click",demo2)
</script>
特点：代码执行不会相互覆盖，并且依次执行；
以上内容就是关于网站制作中javascript的事件以及事件的常见处理方法和区别。本文由巩义网站培训-巩义全栈网络工作室提供，欢迎巩义市想学习相关课程的朋友随时咨询我们。
本文关键词： 未经允许不得转载：郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络
