javascript事件驅動及事件處理

時間 2019-11-29

原文原文鏈接

1. 經常使用事件javascript

　　經常使用的javascript事件能夠分爲鼠標事件、鍵盤事件、頁面相關事件、表單相關事件等事件。html

javascript經常使用事件
事件		事件關聯的對象	描述
鼠標鍵盤事件　　java	onclick	link及全部表單(form)子組件	用戶單擊鼠標時觸發的對象事件
	ondbclick	link及全部表單子組件	用戶雙擊鼠標時觸發的對象事件
	onmousedown	document，link及全部表單子組件	用戶按下鼠標時觸發的對象事件
	onmouseup	document，link及全部表單子組件	用戶鼠標按下後鬆開鼠標時觸發的對象事件
	onmouseover	document，link及全部表單子組件	當用戶鼠標移動到某個對象範圍的上方時觸發該對象時間
	onmousemove	document，link及全部表單子組件	用戶鼠標移動時觸發的對象事件
	onmouseout	document，link及全部表單子組件	當用戶鼠標離開某對象範圍時觸發的對象事件
	onkeypress	image，link及全部表單子組件	當用戶鍵盤上某個按鍵按下而且釋放時觸發的對象事件
	onkeydown	image，link及全部表單子組件	當用戶鍵盤上某個按鍵按下時觸發的對象事件
	onkeyup	image，link及全部表單子組件	當用戶鍵盤上某個按鍵按下後鬆開時觸發的對象事件
頁面相關事件	onabort	image	當圖形還沒有徹底加載前，用戶就單擊了一個超連接，或單擊中止按鈕時觸發的事件
	onerror	image，window	加載文件或圖像發生錯誤時觸發此事件
	onload	document	頁面內容加載完成時觸發此事件
	onresize	window	當瀏覽器的窗口大小被改變時觸發此事件
	onunload	document	當頁面關閉或退出時觸發此事件
表單相關事件	onblur	window及全部表單子組件	當前對象元素失去焦點時觸發此事件
	onchange	window及全部表單子組件	當前對象元素失去焦點而且元素的內容發送改變時觸發此事件
	onfocus	window及全部表單子組件	當某個對象元素得到焦點時觸發此事件
	onreset	form表單	當表單中Reset的屬性被激活時觸發此事件
	onsubmit	form表單	一個表單被提交時觸發此事件

<html>瀏覽器

<head>
<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
<title>事件處理綜合示例</title>
</head>
<body>
　　<font style="cursor: hand;"
　　　　onclick="location='http://www.baidu.com'"
　　　　onmouseover="status='hello';this.color='red'"
　　　　onmouseout="status='';this.color='blue'">hello</font>
</body>
</html>函數

2. 事件處理程序ui

　　事件處理程序就是當某個事件發生後，處理事件的程序或函數。this

　　事件處理過程定義方式：在每一種事件名稱前面加上on便可，如：onLoad，onClick。spa

　　調用事件處理程序常見方式有如下兩種。orm

　 (1)將事件處理程序視爲標記的事件屬性的屬性值，直接嵌入到html的標記內，例如：htm

　　(2)將事件處理程序視爲對象屬性的屬性值，例如：

　　document.onLoad=alert("hello");

</script>