javascript中的scroll事件

【javascript中的scroll事件】的更多相关文章

javascript中的scroll事件

在javascript中如何取消事件冒泡

如果在javascript中只希望事件发生在它的目标而不是在它的父元素上,即取消它的冒泡事件的发生,该如何做?因为按照javascript发生事件的顺序,它由两个阶段:分别从根元素--父元素--目标元素(捕获阶段),再到父元素--根元素(冒泡阶段). IE浏览器和其他浏览器提供了不同的方式来取消事件冒泡行为.下列函数提供了两种方式取消事件冒泡:标准的W3C方式和非标准的IE方式. function stopBubble(e){ //如果传入事件对象且支持W3C的stopPropagation的用…

JavaScript中常用的事件

.onclick事件点击事件(onclick并不是js中的方法,onclick只是浏览器提供js的一个dom接口,让js可以操作dom,所以onclick大小写都是没问题的,比如HTML代码就不用区分大小写) 例: <%@pagelanguage="Java"import="java.util.*"pageEncoding="UTF-8"%> <!DOCTYPEHTMLPUBLIC"-//W3C//DTD HTML…

JavaScript中冒泡与事件委托

冒泡事件触发后事件流的三个阶段按顺序依次是: 1.捕获阶段 2.目标阶段 3.冒泡阶段大盒子包裹小盒子,两个盒子都分别添加点击事件,当点击小盒子,两个盒子的事件都会触发. 事件委托下级元素委托上级元素,将子孙元素的事件注册委托给父级元素来代理: 1.给父元素注册点击事件 2.在事件函数中通过( 事件对象.target )获取最先触发的元素( 这就是需要被操作的子元素 ) 3.通过 nodeName 检测是点击了子元素还是点到了父元素上事件对象的公共属性和方法属性: 事件对象.t…

JavaScript中的方法事件和函数的方法的三种方法

js中的很多事件而事件相对应的就是方法(函数 )那么今天所说的就是这三种方法已onclick事件为例 1: 基本方法 <div id="a" onclick="fangfa();"></div> <script> function fangfa(){.....} </script> 2:提取方法因为方法也是标签的一个属性所以在js中也可以给他添加方法函数其中应该注意的是abc的()不应写出因为…

javascript中window.event事件用法详解

转自http://www.jb51.net/article/32564.htm描述 event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义. 例子下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转. 复制代码代码如下: <…

JavaScript中的ononline事件和onoffline事件

关于这个时间的描述到处都有,但基本上都是说离线在线什么的我一下子还没反应过来.后再在这里看到了一句话:"断开网络再联网试试,就可以看到连线的提示."这才反应过来,原来指的是网络状态. 我用来测试ononline事件和onoffline事件的例子: <body ononline="onFunction()" onoffline="offFunction()"> <p>测试ononline事件和onoffline事件</…

JavaScript中的定时事件

这两个函数都是在给定的时间之后开始执行的,并不是立即执行. var timeId = window.setTimeout("method()",1000); //定时执行,还可以这么写var timeId = window.setTimeout(method,1000); window.clearTimeout(timeId); //清除已设置的setTimeout对象 var timeId = window.setInterval("method()",1000)…

Javascript中与Scroll有关的方法

这块确实太乱了,被兼容搞的简直快要晕死,默默地总结下... 与scroll相关的方法 4个window对象下:scrollX.scrollY.scrollTo.scroll(作用和scrollTo一样) 4个Element对象下:scrollWidth.scrollHeight.scrollLeft.scrollTop window对象下(BOM) window.scrollX.window.scrollY var x = window.scrollX; // 以像素为单位,返回水平轴上docu…

记录JavaScript中使用keyup事件做输入验证（附event.keyCode表）

input的blur事件 $("#input-name").blur(function () { var value = $(this).val(); if (value === '') { return; } if (/^[\u4e00-\u9fa5]{1,3}$/.test(value)) { $(this).removeClass("error-class"); } else { $(this).addClass("error-class"…