JS的事件监听

JS的事件监听

2、事件监听的定义在Javascript中,浏览器一般分为两大类:① 基于IE内核的浏览器(版本号小于9的IE浏览器)② 基于W3C内核的浏览器(版本号大于9的IE浏览器、Firefox、Google等浏览器)1)基本语法:基于IE内核浏览器dom对象.attachEvent(type,callback,capture) :为元素绑定事件监听程序参数说明:type:绑定的事件类型,如onclick、onmouseover、onmouseoutcallback:事件的处理程序,通常是一个匿名函数capture:使用的浏览器模型,冒泡模型与捕获模型,默认IE8以下的浏览器只支持冒泡模型。2)基本语法:基于W3C内核的事件监听dom对象.addEventListener(type,callback):为W3C内核浏览器绑定事件监听参数说明:type:绑定事件类型,不带’on’前缀,如click,mouseover,mouseoutcallback:事件的处理程序,通常是一个匿名函数。3、总结糙怍牢莱事件监听的区别IE内核的监听方式与W3C内核的监听方式:①方式不同IE内核的浏览器使用attachEvent进行绑定W3C内核的浏览器使用addEventListener进行绑霁凶咬食定②参数不同IE内核浏览器,其绑定方式一共有三个参数type,callback,capture(使用的浏览器模型)W3C内核浏览器,其绑定方式一共有二个参数,type和callback③type参数不同IE内核的浏览器,type是需要添加’on’前缀的,如onclickW3C内核浏览器,type是不需要添加’on’前缀的,如click④触发顺序不同IE内核的浏览器,其事件监听是先绑定后触发,后绑定的先触发W3C内核的浏览器,其事件监听是先绑定先触发,后绑定的后触发。

js怎么给元素添加鼠标滚动事件

js怎么给元素添加鼠标滚动事件

js怎么给元素添加鼠标滚动事件?作为刚入门javascript的你看到这个问题一定很头痛,无从下手,本教程就是教你如何给元素添加鼠标滚动事件的~ Dreamwear cs6 打开DW cs6(Dreamwear cs6的简称,以下都称为DW cs6),点击新建,然后选择类型HTML,其他默认,然后点击创建,如下图所示写上如下图所示的代码水貔藻疽,注意:因为IE浏览器内核与谷歌的内核不一样所以绑定监听事件的时候会有所差异,所以我写了一个addEvent(obj,xEvent,fn)方法 运酚祯馄嫱行所写的网页,并在红色区域内,鼠标滑轮向下滑动,图中弹出“haha,测试成功!”的对话框表示鼠标滑动监听事件绑定成功,经过测试,如下图所示,IE浏览器、360浏览器和火狐浏览器,都能正常运行,其他浏览器就不一一测试啦,感兴趣的,不妨自己试一下呗!如果觉得有用的话就给小编投个票呗,小编写个教程也不容易,如果能得到大家的投票鼓励小编心里将不胜感激~ IE浏览器内核与谷歌的内核不一样所以绑定监听事件的时候会有所差异,所以我写了一个addEvent(obj

javascript事件冒泡和事件捕获

事件流:DOM(文档对象模型)结构是一个树型结构,当一个HTML元素产生一个事件时,该事件会在元素结点与根结点之间的路径传播,路径所经过的结点都会收到该事件,这个传播过程的顺序可称为DOM事件流。 电脑 浏览器 (1)冒泡型事件:糙怍牢莱事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。t对象)的顺序触发IE 5.5: div -> body -> document IE 鲂番黟谊6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> html -> documentdocument -> window(2)捕获型事件(event capturing):事件从最不精确的对象(document 对象)开始触发,然后到最精确的对象(3)DOM事件流:同时支持两种事件模型:捕获型事件和冒泡型事件,但是,捕获型事件先发生。两种事件流会触及DOM中的所有对象,从documen

javascript监听鼠标滚轮事件浅析

这篇文章主要介绍了javascript监听鼠标滚轮事件浅析,使用具体例子说明,同时考虑了不同的浏览器,需要的朋友可以参考下。我们都见到过这些效果,用鼠标滚轮实现某个表单内的数字增加减少操作,或者滚轮控制某个按钮的左右,上下滚动。这些都是通过js对鼠标滚轮的事件监听来实现的。今天这里介绍的是一点简单的js对于鼠标滚轮事件监听。 不同浏览器不同的事件不同浏览器不同的事件 首先,不同的浏览器有不同的滚轮事件。主要是有两种,onmousewheel(firefox不支持)和DOMMouseScroll(只有firefox支持),关于这两个事件这里不做详述,想要了解的朋友请移步:鼠标滚轮(mousewheel)和DOMMouseScroll事件。 另外在操作的过程中需要添加事件监听,代码如下:兼容firefox采用addEventListener监听。代码如下:/*注册事件*/if(document.addEventListener){document.addEventListener('DOMMouseScroll',scrollFunc

JS解决事件监听的兼容性问题

JS解决事件监听的兼容性问题

JS解决事件监听的兼容性问题 JS 解决事件监听的核心内容是:判断浏览器的类型① 创建一个public.js文件做为公用的Javascript代码库② 封装一个$函数,用于获取指定id的dom对象 ③ 定义一个addEvent函数,用于解决事件监听的兼容性问题 ④ 判断浏览器的类型 ⑤ 测试Javascript代码库的使用

javascript的冒泡和捕获

事件的发生顺序 这个问题的起源非常简单,假设你在一个元素中又嵌套了另一个元素 ------------幻腾寂埒----------------------- | element1 | | ------------------------- | | |element2 | | | -------------------------并且两者都有一个onClick事件处理函数(event handler)。如果用户单击元素2,则元素1和元素2的单击事件都会被触发。但是哪一个事件先被触发?哪一个事件处理函数会被首先执行?换句话说,事件的发生顺序到底如何? 两种模型 不出所料,在那些“不堪回首”(浏览器大战)的日子里,Netscape和微软有两种截然不同的处理方法:Netscape主张元素1的事件首先发生,这种事件发生顺序被称为捕获型 微软则保持元素2具有优先权,这种事件顺序被称为冒泡型 这两种事件顺序是截然相反的。Explorer浏览器只支持冒泡事件,Mozilla,Opera7和Konqueror两者都支持。而更古老的opera和iCab两者都不支持 捕获型事件 当你使用捕获型事件时

上页


12345678

下页
js监听键盘事件onafterpaste事件文世光事件js移除监听事件js监听按钮点击事件js监听手机键盘事件奶西村少年暴力事件js监听滚动条事件js监听键盘回车事件孙嘉朗事件吴文献事件陕西魏山事件神剃破鞋事件爱车的诺诺 凯迪拉克事件亚当兰伯特ama事件工棚里的原始欲望js键盘监听台南抹香鲸爆炸事件金韩美事件js监听checkbox比特彗星监听端口阻塞js移除监听kinki kids挡酒事件邓家争产事件