javascriptDOM事件
来源:互联网 发布:c语言之家 编辑:程序博客网 时间:2024/05/21 22:43
js事件原理
•在某个业务场景下的动作触发运行的逻辑流程
•事件源:触发当前动作的源头组件(元素),可以是当前页面的任意元素(document、div、input等)
js事件绑定方式
•方式一:标签内部通过事件赋值方式绑定
•方式二:js中通过标签对象动态给事件对象赋值方法(重要的)
•方式三:js中在scipt标签中动态绑定(谷歌不兼容,不常用)
•<script for=“id名” event=“事件名”>过程</script>
页面加载关闭事件:
•onload:页面加载事件,页面加载完后再执行
•onunload:当页面关闭、刷新、转向之后执行(火狐、谷歌不支持)
•onbeforeunload:在关闭、刷新、转向页面之前调用(火狐不支持)
鼠标事件
•onclick(单机)、ondblclick(双击)
•onmouseenter(鼠标进入)、onmouseleave(鼠标退出):不涉及子元素操作
•onmouseover(鼠标进入)、onmouseout(鼠标退出):涉及到子元素操作
•onmousedown、onmouseup、onmousemove(鼠标移动)
•oncontextmenu(右击菜单事件)
键盘事件
•onkeypress:按下键触发,不能识别功能键和方向键
•onkeydown:按下所有键都能触发
•onkeyup:释放任何按键触发
相关组件事件
•onfocus(获取焦点)、onblur(失去焦点)
•onchange(内容改变事件):当时焦点,并内容改变的时候,执行
•onsubmit(表单提交事件)
event
•事件对象,由当前事件触发后,window对象自动产生的
•这个对象包含了当前事件的大部分信息数据
获取事件对象兼容问题
•非参数传递方式:window.event 兼容IE低高版本、谷歌
•参数传递方式:function(event){} 兼容IE9以上、谷歌、火狐
•兼容写法:function(event){var e =event||window.event}
事件相关对象属性
•srcElement:事件源元素
•几个坐标属性:
•clientX、clientY:相对于浏览器边界鼠标xy偏移量
•screenX、screenY:相对于屏幕鼠标xy偏移量
•pageX、pageY:相对于当前页面鼠标xy偏移量(设计滚动页面)
•offsetX、offsetY:相对于当前事件容器组件内部的xy偏移量(不包括border,包括padding)
0 0
- javascriptDOM事件
- JavaScriptDOM事件
- javascriptDOM
- javascriptDOM
- JavascriptDOM
- javascriptDom
- JavaScriptDOM练习之事件绑定与解绑
- javascriptDOM加强
- JavaScriptDOM基础
- JavaScriptDOM基础
- javascriptDom操作
- javascriptDom(五)
- javascriptDOM操作
- javaScriptDOM基础
- JavaScriptDOM基础
- 共享onload事件的使用(javascriptDOM编程艺术学习笔记)
- JavaScriptDOM练习之为同一个元素绑定多个不同的事件并指向同一个事件处理函数
- JavascriptDOM对象小结
- Unity游戏暂停,控制时间的设计
- 项目问题记录(1)
- 两个Activity如何传送数据的?
- 关于Ionic2\Angular2使用http的一些坑
- TopLink
- javascriptDOM事件
- Unity预加载设计
- 【Maven】Maven配置以及eclipse创建Maven父子项目
- 机器学习NG
- modbus初识
- java多线程:2、Timer实现
- 基于MFC/WIN32写的坦克游戏
- HTTP协议
- Java基础——变量