在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怎么监听的详细内容,更多请关注模板之家(www.mb5.com.cn)其它相关文章! |