JavaScript中的事件

1.单、双击事件
单击事件:οnclick="";
双击事件:οndblclick="";
单击事件: 在script中写一个对话框代码进行测试
script部分的代码如下:

			

body部分设置一个按钮,当点击按钮时会弹出对话框


	   

效果如下:
JavaScript中的事件_第1张图片
双击事件:在script中写一个对话框代码进行测试
script部分的代码如下:

function tetsOndblClick(){
				alert("How nice a day!");
			}

body部分设置一个按钮,当点击按钮时会弹出对话框


效果如下:
JavaScript中的事件_第2张图片
2.鼠标事件
οnmοusemοve=""—鼠标在监听区域移动就会触发
οnmοuseοut=""—鼠标离开侦听区域时触发
οnmοuseοver=""–鼠标从外面进入侦听区域会触发

script部分代码:

function testMouse(){
			 alert("test!");	
			}

body部分代码:

在style里面设置这个div的宽高:


3.键盘事件
键盘的按下:
οnkeydοwn=""—所有键盘按下操作都会触发事件
οnkeypress=""—shift键、backpace键按下时不能触发
键盘的释放:
οnkeyup=""—按下键盘释放时触发事件

script部分的代码:

function onkeyUp(){
				alert("Thank you!");
			}
			function onkeyDown(){
				alert("You are so smart!");
			}
			function onkeyPress(){
				alert("Where are you go?")
			}

body部分的代码:


	   
	   

4.焦点事件
获取焦点:οnfοcus=""
失去焦点:οnblur=""

script部分的代码:

function testOnfocus(){
				alert("I miss you so!");
			}
			function testOnBlur(){
				alert("We are just liers!");
			}

body部分的代码:


	   

5.加载事件:网页正在执行的时候,是将html文件加载到浏览器中
页面加载完成来触发事件:οnlοad=""

script部分的代码:

function testOnload(){
				alert("页面加载完成")
 			}

body部分的代码:


整体代码:



	
		
		
		事件
		
		
		
	
	
	   
	   
	   


你可能感兴趣的:(JavaScript)