JavaScript--事件
来源:互联网 发布:美国家庭知乎 编辑:程序博客网 时间:2024/06/14 11:17
event概念及作用
在触发DOM上某个事件时,会产生一个事件对象event,这个对象包含着所有事件相 关的信息,包含导致事件的元素,事件的类型以及其他的与特定事件相关的信息。
n 它是事件绑定中的一个隐藏的参数,可以通过arguments[0]来获取
n 也可以叫事件源对象,这里面包含了关于这次事件的相关信息
获取方式(兼容问题)
n 在W3C标准中,直接在函数中声明该参数即可
btn.onclick = function(event) {
//这里就可以使用了
};
n 兼容性写法,支持老版本的IE
var ev = ev ? ev : window.event;
var ev = ev || window.event;
event.button属性介绍
alert(event.button); alert(ev.which);
//如果当前event是鼠标事件,则会有一个button属性,它是一个数字
0代表鼠标按下了左键 || 1代表按下了滚轮 || 2代表按下了右键
n 不过老版本的IE并没有遵守W3C的规范,它的button属性含义如下
n onmousedown/onmouseup
1鼠标左键 2鼠标右键 3左右同时按 4滚轮 5左键加滚轮 6右键加滚轮 7三个同时
n 目前IE11.0版本,无兼容性问题
鼠标事件中获取鼠标的位置属性介绍(兼容问题)
event.clientX鼠标相对于浏览器窗口可视区域的X坐标(窗口坐标),可视区域不包括工具栏和滚动条。
event.pageX类似于event.clientX,但它们使用的是文档坐标而非窗口坐标。(ie8及以下不支持)
event.offsetX鼠标相对于事件源元素(srcElement)的X坐标。
event.screenX鼠标相对于用户显示器屏幕左上角的X,Y坐标。
键盘事件(keyup、keydown、keypress)
组合键ctrlKey、altKey、shiftKey
if(event.keyCode == 13 && event.ctrlKey) {
//发送消息
}
keyCode/which兼容
event.keyCode || event.which
alert(event.which); //IE不支持(ie8)
事件的冒泡(事件从子节点向上依次传递给父节点)
IE 的事件流叫做事件冒泡(event bubbling) ,即事件开始时由最具体的元素(文档中嵌套 层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档)
- Javascript事件
- javascript 事件
- Javascript 事件
- javascript 事件
- Javascript 事件
- JavaScript 事件 ***
- Javascript事件
- Javascript 事件
- JavaScript 事件
- Javascript 事件
- javascript事件
- javascript事件
- javascript 事件
- javascript事件
- javascript 事件
- JavaScript 事件
- JavaScript事件
- JavaScript 事件
- navicat for mysql还原备份psc后缀文件报Unknown storage engine 'InnoDB'
- DOM和BOM-day22-个人学习笔记
- 文章标题
- (未完)Writeup of Take the maze (reverse) in BugKu
- Ubuntu14-04安装redis和php5-redis扩展
- JavaScript--事件
- windows下搭建MQTT服务器--Apollo--LG二进制
- 线程二
- 成绩统计
- normalize.css用这个来设置默认样式,不要用reset.css
- 【头条】中国OpenStack开源力量都在解决哪些关键性应用?
- HDU6252-Subway Chasing
- 等价类测试用例设计
- nfs服务,autofs自动挂载