http://developer.51cto.com/art/201107/277994.htm onscroll事件window.onscroll|| document.onscrollvar scroll = document.documentElement.scrollTop ||
document.body.scrollTop; http://bigspotteddog.github.io/ScrollToFixed/原文:http://www.cnblogs.com/daishuguang/p/3515344.html
Js基础-闭包,事件
1:js中的闭包
概念:在一个函数内部又定义了一个函数,内部函数能访问到外部函数作用域范围内的变量,这时这个内部函数就叫做闭包,无论这个内部函数在哪里被调用都能访问到外部函数作用域中的那些变量。这些闭包是通过作用域链来实现的。
闭包可以做什么:
改变变量作用域;js中的面向对象都是用闭包来模拟的。
注意:当代码中有闭包的时候,闭包的代码什么时间执行最重要。Eg:下面的代码相当于C#中的局部变量...
事件流:事件流: 描述的是从页面中接收事件的顺序 也可以理解为事件在页面中传播的顺序;事件: 就是用户或浏览器自身执行的某种动作 例如 click(点击) load(加载) mouseover(鼠标悬停)事件处理程序: 响应某个事件的函数就叫事件处理程序(或事件侦听器)下面所示例子注册事件的方式均使用DOM2级事件定义的事件处理程序进行注册。DOM2级事件定义可两个方法,用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventLis...
细数那些事件类型UI事件焦点事件鼠标与滚轮事件键盘与文本事件复合事件变动事件HTML5事件设备事件触摸和手势事件UI事件常见的有 load unload abort error select resize scroll
焦点事件blur 不会冒泡
focus 不会冒泡
focusin 冒泡
focusout
鼠标与滚轮事件click : 点击
dblclick: 双击
mousedown: 鼠标按下
mouseenter: 鼠标光标进入元素区域
mouseleave: 鼠标光标移出元素区域, 当前元素触发
mousemove: 鼠标在元素内部移动
m...
鼠标事件的事件源往往与容器相关,当鼠标进入容器、离开容器,或者在容器中单击鼠标、拖动鼠标时都会发生鼠标事件。java语言为处理鼠标事件提供两个接口:MouseListener,MouseMotionListener接口。MouseListener接口MouseListener接口能处理5种鼠标事件:按下鼠标,释放鼠标,点击鼠标、鼠标进入、鼠标退出。相应的方法有:(1) getX():鼠标的X坐标(2) getY():鼠标的Y坐标(3) getModifiers():获取鼠标的左键或右键。(4) getClic...
一、事件流 1.事件流:描述的是在页面中接受事件的顺序 2.事件冒泡:由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档) 3.事件捕获:最不具体的节点先接收事件,而最具体的节点应该最后接收事件二、事件处理 1.HTML事件处理:直接添加到HTML结构中 2.DOM0级事件处理:把一个函数赋值给一个事件处理程序属性 3.DOM2级事件处理: addEventListener("事件名","事件处理函数",布尔值) ...
一.JavaScript的组成 JavaScript基础分为三个部分: ECMAscript:JavaScript的标准语法.包括变量,表达式,运算符,函数,if语句,for语句等. DOM:文档对象模型,操作网页上的元素和API.比如让盒子移动,变色,轮播图等. BOM:浏览器对象模型,操作浏览器部分功能的API.比如让浏览器自动滚动.二.事件 js是以事件驱动为核心的一门语言三.事件的三要素 事件的三要素是:事件源,事件,事件驱动程序 比如,我用手去安...
要自己写一个自定义滚动条加上滚轮事件,之前的没有滚轮事件不完整,今天整理了一个。1.滚轮事件是不兼容的,firefox中是必需要用事件绑定的添加,用的DOMMouseScroll,当滚动鼠标的时候,只要鼠标滚动的方法就行了,而这通过检测datail的正负号就可以确定2.其他的用mousewheel(Ie是onmousewheel),通过检测wheelDelta 1 <!doctype html>2 <html>3 <head>4 <title>拖拽-加滚轮</title>5 <style>6 .main{ width: 300...
Event 对象Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用,函数不会在事件发生前被执行!本文用于记录个人学习过程中的两个小练习,其中包括事件对象的一些用法和问题的解决以及兼容性问题获取鼠标指针坐标div跟随鼠标移动练习1 获取鼠标指针坐标两个div,当鼠标在上面的div#areaDiv移动时,在下面的div#showMsg中显示鼠标指针坐标<!DOCTYPE html>
<h...
事件处理程序事件处理程序即响应某个事件的函数事件处理程序以 “on” 开头如“onclick”,“onload” HTML事件处理程序某个元素支持的每种事件都可以使用一个与响应的事件处理程序同名的HTML特性来指定这个特性的值应该是能够执行的script代码如:<input type="button" value="click me" onclick="alert(‘clicked‘)"/>此外也可以直接调用在文档其它部分定义的函数作为事件处理程序所执行的代码如:<input type="button" value="...
一.概述:
事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。相当于让标签在满足某种条件的时候,调用指定的方法.二.常用事件
1:onload事件:表示页面上的其他元素全部加载完成之后,再执行指定的方法;
格式: 1)直接定义一个带名称的方法,在body标签中,使用onload=”方法名()”; 2)写在js文件中: window.onload=function(){ Js代码 } 注意事项: 一...
事件:发生了某一件事情。例如:onClick鼠标单击,当你单击的时候发生什么事情。1.onBlur焦点离开事件2.onChange用户修改了值正要离开事件3.onClick鼠标单击事件4.onDbClick鼠标双击事件5.onFocus获得焦点事件6.onkeydowm按键被按下事件7.onKeyup按键被释放事件8.onMouseover鼠标经过事件9.onMouseout鼠标离开事件10.onUmload浏览器关闭事件11.onSubmit提交表单事件12.onMousemove鼠标在对象上移动事件13.onLoad对象已加载事件从上...
一、什么是JavaScript事件?事件(Event)是JavaScript应用跳动的心脏,也是把所有东西粘在一起的胶水,当我们与浏览器中Web页面进行某些类型的交互时,事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键,事件还可能是Web浏览器中发生的事情,比如说某个Web页面加载完成,或者是用户滚动窗口或改变窗口大小。说白了,事件是文档或浏览器中发生的特定交互瞬间!通过使用JavaScript,你可...
JavaScript事件详解事件流事件处理事件对象事件流:描述的是在页面中接受事件的顺序事件冒泡:由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档)事件捕获:最不具体的节点先接收事件,而最具体的节点应该是最后接收事件事件处理1、HTML事件处理:直接添加到HTML结构中<button id="btn" onclick="hello()">按钮</button><script>function hello() {
alert("hello")
}
</script>缺点:如果事件名字修改需要修改两...
Web浏览器能够发生的事件有很多种类型,不同的事件类型有不同的事件信息。DOM3级的事件类型主要包括:UI事件,用户与页面上的元素交互时触发;焦点事件,元素获得或失去焦点触发;鼠标事件,用户通过鼠标在页面上执行操作时触发;滚轮事件,使用鼠标滚轮时触发;文本事件,当在文档中输入文本时触发;键盘事件,用户通过键盘在页面上操作触发;合成事件,当为IME输入字符时触发;变动事件,底层DOM结构发生变化时触发。UI事件 U...