您好,欢迎访问一九零五行业门户网

js怎么监听

在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怎么监听的详细内容。
其它类似信息

推荐信息