js事件模型
2016-04-01 20:55
246 查看
js事件模型主要分:鼠标事件 键盘事件 HTML事件
1、onmousedown
定义:onmousedown事件会在鼠标按键被按下时发生
2、onmouseup
定义:onmouseup事件会在鼠标按键被松开时发生
3、onmousemove
定义:onmousemove事件会在鼠标指针移动时发生
支持该事件的js对象:document
但是onmousemove默认情况下没有任何对象的一个事件;
因为鼠标移动频繁发生。
4、onmouseover
定义:onmouseover事件会在鼠标指针移动到指定的对象上时发生
5、onmouseout
定义:onmouseout事件会在鼠标指针移出指定的对象时发生
6、onclick单击事件
定义:onclick事件和onmousedown不同。单击事件是在同一元素上发生了
鼠标按下时间之后发生了鼠标放开时间是发生的。
理解:鼠标按下抬起以后事件才发生。
7、onfocus光标移入事件
定义:onfocus事件在对象获得焦点时发生
8、onblur光标移出事件
定义:onblur事件会在对象失去焦点时发生
9、oncontextmenu右键事件
鼠标按下右键的时候发生
10、onsubmit
onsubmit事件会在表单中的确认按钮(submit)被
点击是发生。
11、onkeydown
onkeydown事件会在用户按下一个键盘按键时发生
12、onkeyup
obkeyup事件会在键盘按键被松开时发生
13、onload
onload事件会在页面或图像加载完成后立即发生
14、onscroll
onscroll事件拖动滚动条时发生
15、onresize
onresize事件会在窗口或框架被调整大小时发生
16、onmousewheel
onmousewheel事件ie、chrome下鼠标滚轮滚动时发生
17、event对象指事件的状态
Event对象代表事件的状态,比如事件在其中发生的元素
键盘按键的状态,鼠标的位置,鼠标按钮的状态,通常
与函数结合使用。
18、clientX、clientY
在Event对象下获取鼠标位置
19、cancelBubble =true
在Event对象下取消冒泡事件
20、keyCode
在Event对象下获取用户按下键盘的哪个按键
21、return false
阻止默认时间的普通写法
js事件模型主要分:鼠标事件 键盘事件 HTML事件
1、onmousedown
定义:onmousedown事件会在鼠标按键被按下时发生
2、onmouseup
定义:onmouseup事件会在鼠标按键被松开时发生
3、onmousemove
定义:onmousemove事件会在鼠标指针移动时发生
支持该事件的js对象:document
但是onmousemove默认情况下没有任何对象的一个事件;
因为鼠标移动频繁发生。
4、onmouseover
定义:onmouseover事件会在鼠标指针移动到指定的对象上时发生
5、onmouseout
定义:onmouseout事件会在鼠标指针移出指定的对象时发生
6、onclick单击事件
定义:onclick事件和onmousedown不同。单击事件是在同一元素上发生了
鼠标按下时间之后发生了鼠标放开时间是发生的。
理解:鼠标按下抬起以后事件才发生。
7、onfocus光标移入事件
定义:onfocus事件在对象获得焦点时发生
8、onblur光标移出事件
定义:onblur事件会在对象失去焦点时发生
9、oncontextmenu右键事件
鼠标按下右键的时候发生
10、onsubmit
onsubmit事件会在表单中的确认按钮(submit)被
点击是发生。
11、onkeydown
onkeydown事件会在用户按下一个键盘按键时发生
12、onkeyup
obkeyup事件会在键盘按键被松开时发生
13、onload
onload事件会在页面或图像加载完成后立即发生
14、onscroll
onscroll事件拖动滚动条时发生
15、onresize
onresize事件会在窗口或框架被调整大小时发生
16、onmousewheel
onmousewheel事件ie、chrome下鼠标滚轮滚动时发生
17、event对象指事件的状态
Event对象代表事件的状态,比如事件在其中发生的元素
键盘按键的状态,鼠标的位置,鼠标按钮的状态,通常
与函数结合使用。
18、clientX、clientY
在Event对象下获取鼠标位置
19、cancelBubble =true
在Event对象下取消冒泡事件
20、keyCode
在Event对象下获取用户按下键盘的哪个按键
21、return false
阻止默认时间的普通写法
相关文章推荐
- JavaScript 各种遍历方式详解
- Javascript序列化
- JavaScript
- jsp 分页条 结合page.jar 实现分页数据和分页条分离
- 使用jsonp完美解决跨域问题
- JavaScript数组方法
- Java和JavaScript中使用Json方法大全
- JavaScript常用的String方法
- Js参数RSA加密传输,jsencrypt.js的使用
- JavaScript 中的 this
- 谈谈JS的核心技术:原型对象和原型链
- JavaScript模式 For和For-in循环优化
- js跨域解决方案
- 10款面向HTML5 画布(Canvas)的JavaScript库
- 10款面向HTML5 画布(Canvas)的JavaScript库
- 【JavaScript】前端插件
- javaScript中的数组篇——常用方法
- 实践一些js中的prototype, __proto__, constructor
- JavaScript 原型继承 问题???
- Gson 将list封装成json