JavaScript学习笔记——6.事件处理

1.事件源

任何元素都可以作为事件源

2.事件

鼠标类

　　click //单击

　　dbclick //双击

　　contextmenu //右击菜单

　　mouseover //移入

　　mouseout //移出

　　mousedown //按下

　　mouseup //弹起

　　mousemove //移动

　　selected //选择内容

键盘类

　　keypress //键盘事件(只能是数字\字母)

　　keyup //弹起(所有键都支持)

　　keydown //按下(所有键都支持)

表单类

　　focus //获取焦点

　　blur //失去焦点

　　submit //提交

　　change //内容改变

文档类

　　load //加载完成

　　unload //关闭

　　beforeunload //关闭前

　　scroll //页面滚动

3.事件处理程序

添加事件

　　<a onclick="事件处理程序">处理</a>

　　<script>对象.onclick="事件处理程序"</script>

让事件不执行

　　onclick="return false"

4.事件对象

　　event //属于window对象(只支持IE)

　　function(e){ //兼容FF
　　　　var event= e || window.event; //解决对象兼容
　　　　var keyCode= event.charCode || event.keyCode; //解决键盘码兼容
　　　　var eventElement= event.srcElement || eventTag.target; //解决事件源兼容
　　}

　　event.srcElement //事件源

　　event.keyCode //键盘码\执行键盘事件时产生

　　回车 13 左上右下 37 38 39 40

　　event.clientX //鼠标与浏览器窗口左侧距离(要加px单位)

　　event.clientY //鼠标与浏览器窗口顶部距离

　　event.screenX //鼠标与屏幕左侧距离

　　event.screenY //鼠标与屏幕顶部距离

　　event.cancelBubble //阻止事件冒泡(即向上层传递)

作者：@zhnoah
出处：http://www.cnblogs.com/zhnoah/
本文版权归本人和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连 
接，否则保留追究法律责任的权利。