事件处理
一、事件源：任何一个HTML元素（节点），body、div、button
二、事件：你的操作
鼠标：
click 单击
dblick双击
oncontextmenu 文本菜单
复制代码 代码如下:
<body oncontextmenu="return false">//禁止右键的程序
mouseover放上
mouseout离开
mousedown按下
mouseup抬起
mousemove鼠标移动
键盘:
keypress键盘事件
keyup抬起
keydown按下
文档：
load 加载
onload 是页面加载完成之后触发的事件
unload关闭
breforeunload关闭之前
表单：
focus焦点事件
blur失去焦点
submit提交事件
change改变事件
其它：
scroll滚动
selectstart 选择事件
三、事件处理程序
第一种：
格式：<tag on事件="事件处理程序" />
实例：
复制代码 代码如下:
<script>
function show(){
var one=document.getElementById("one");
alert(one.innerText);
}
show();
</script>
<body>
<div id="one">
wwwwwwwwwwwwwwwww
</div>
<input type="button" value="show">
第二种:
直接在javascript里边对象.on处理程序
复制代码 代码如下:
<div id="two">
你好，查字典教程网http://www.jb51.net
</div>
<script>
var one=document.getElementById("two");
one.onclick=function(){
this.style.backgroundColor="red";
}
</script>
第三种：
基本没什么人用
复制代码 代码如下:
<script for="事件源ID" event="事件">事件处理程序</script>
<div id="th">
你好，查字典教程网http://www.jb51.net
</div>
<script for="th" event="onclick">
var one=document.getElementById("th");
one.style.backgroundColor="red";
</script>
小伙伴们是否了解了javascript的事件处理了呢，有疑问就给我留言吧。
【浅谈 javascript 事件处理】相关文章：