Javascript事件操作

http://www.w3school.com.cn/htmldom/dom_obj_event.asp

一 事件源： 任何一个HTML元素（结点）

二 事件
1.鼠标
onclick 当用户点击某个对象时调用的事件句柄。
oncontextmenu 鼠标右击
ondblclick 当用户双击某个对象时调用的事件句柄。
onmouseover 鼠标移到某元素之上。
onmouseout 鼠标从某元素移开。
onmousemove 鼠标被移动。
onmousedown 鼠标按钮被按下。
onmouseup 鼠标按键被松开。

2.键盘
onkeydown 某个键盘按键被按下。
onkeypress 某个键盘按键被按下并松开。
onkeyup 某个键盘按键被松开。

3.文档
onload 一张页面或一幅图像完成加载。
onunload 用户退出页面。
onbeforeunload 用户退出页面之前
onabort 图像的加载被中断。
onerror 在加载文档或图像时发生错误。

4.表单
onfocus 元素获得焦点。
onblur 元素失去焦点。
onsubmit 确认按钮被点击。
onchange 域的内容被改变。
onreset 重置按钮被点击。

5.其它
onresize 窗口或框架被重新调整大小。
onscroll    滚动事件
onselect 文本被选中。


三事件处理程序
有三种方法加载事件
1.<tag on事件=“事件处理程序”>

2.
<script>
对象.on事件=事件处理函数;
</script>


3. 同一个事件加载多个处理方法

<input type=button value="show file name" id=b1><br>
	<script type="text/javascript">
	var showfilename = document.getElementById('showfilename');
	showfilename.addEventListener('click', f1, true);
	showfilename.addEventListener('click', f2, true);
	function f1(){
		alert('f1');
	}
	function f2(){
		alert('f2');
	}
	</script>

4.不常用
<div id="one">aaa </div>
<script for="one" event="onclick">
  var one=document.getElementById('one');
  one.innerHTML='bbb';
</script>


四例子
1.禁止鼠标右键
<div id='one' oncontextmenu="alert('右键已被禁止'); return false;">aaa </div>
或者：
<div id='one' oncontextmenu="return test();">aaa </div>
<script>
function test(){
alert('右键已被禁止');
return false;
}