JS事件的基础学习-微度网络

widuu 2012-11-13 前台技术 4,283 0 喜欢 (0)

事件处理
一、事件源:任何一个HTML元素(节点),body、div、button
二、事件:你的操作
鼠标:


 			click   	单击
 			dblick		双击
 			oncontextmenu 文本菜单

			<body oncontextmenu="return false">//禁止右键的程序
</pre>
 			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" onclick="show()" value="show">

 			第二种:
 				直接在javascript里边对象.on处理程序

 				<div id="two">
 				你好,微度网络http://www.widuu.com
 				</div>
 				<script>
 				 var one=document.getElementById("two");
 				 one.onclick=function(){
 				 	this.style.backgroundColor="red";
 				 }
 				</script>

 			第三种:
 				基本没什么人用
                         <pre lang="js" line="1">
				<script for="事件源ID" event="事件">事件处理程序</script>
				<div id="th">
 				你好,微度网络http://www.widuu.com
 				</div>
 				<script for="th" event="onclick">
 				 var one=document.getElementById("th");
				 one.style.backgroundColor="red";
 				</script>

欢迎转载,转载请注明来自微度网络-网络技术中心http://www.widuu.com

转载请注明来自微度网络,本文标题:《JS事件的基础学习-微度网络》

喜欢 0 发布评论
Top