js如何进行监听

这篇文章将为大家详细讲解有关js如何进行监听，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

成都创新互联公司主要从事网页设计、PC网站建设（电脑版网站建设）、wap网站建设（手机版网站建设）、成都响应式网站建设公司、程序开发、网站优化、微网站、微信平台小程序开发等，凭借多年来在互联网的打拼，我们在互联网网站建设行业积累了丰富的成都网站制作、成都网站设计、网站设计、网络营销经验，集策划、开发、设计、营销、管理等多方位专业化运作于一体。

在Javascript中，浏览器一般分为两大类：

① 基于IE内核的浏览器（版本号小于9的IE浏览器）

② 基于W3C内核的浏览器（版本号大于9的IE浏览器、Firefox、Google等浏览器）

1）基本语法：基于IE内核浏览器

dom对象.attachEvent(type，callback，capture) ：为元素绑定事件监听程序

参数说明：

type：绑定的事件类型，如onclick、onmouseover、onmouseout

callback：事件的处理程序，通常是一个匿名函数

capture：使用的浏览器模型，冒泡模型与捕获模型，默认IE8以下的浏览器只支持冒泡模型！

2）基本语法：基于W3C内核的事件监听

dom对象.addEventListener(type，callback) ：为W3C内核浏览器绑定事件监听

参数说明：

type：绑定事件类型，不带’on’前缀，如click，mouseover，mouseout

callback：事件的处理程序，通常是一个匿名函数

2、总结事件监听的区别

IE内核的监听方式与W3C内核的监听方式：

①方式不同

IE内核的浏览器使用attachEvent进行绑定

W3C内核的浏览器使用addEventListener进行绑定

②参数不同

IE内核浏览器，其绑定方式一共有三个参数type，callback，capture（使用的浏览器模型）

W3C内核浏览器，其绑定方式一共有二个参数，type和callback

③type参数不同

IE内核的浏览器，type是需要添加’on’前缀的，如onclick

W3C内核浏览器，type是不需要添加’on’前缀的，如click

④触发顺序不同

IE内核的浏览器，其事件监听是先绑定后触发，后绑定的先触发

W3C内核的浏览器，其事件监听是先绑定先触发，后绑定的后触发

关于js如何进行监听就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。