資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時裝學
法律學什麼是 JavaScript 中的事件處理程式？
JavaScript 與 HTML 的互動透過事件處理，而這些事件發生在使用者或瀏覽器操作頁面時。
當頁面載入時，稱之為一個事件。當用戶單擊按鈕時，這次單擊就是一個事件。其他示例包括諸如按下任意鍵、關閉視窗、調整視窗大小等事件。
以下是一些示例
onclick 事件型別
這是最常用的事件型別，它發生在使用者單擊滑鼠左鍵時。您可以針對此事件型別放置您的驗證、警告等內容。
嘗試以下示例。
<html>
<head>
<script>
<!--
function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<p>Click the following button and see result</p>
<form>
<input type="button" onclick="sayHello()" value="Say Hello" />
</form>
</body>
</html>onmouseover 和 onmouseout
這兩種事件型別將幫助您透過影像，甚至文字建立漂亮的特效。當您將滑鼠移到任意元素上時觸發 onmouseover 事件，當您將滑鼠移出該元素時觸發 onmouseout 事件。嘗試以下示例。
<html>
<head>
<script>
<!--
function over() {
document.write ("Mouse Over");
}
function out() {
document.write ("Mouse Out");
}
//-->
</script>
</head>
<body>
<p>Bring your mouse inside the division to see the result:</p>
<div onmouseover="over()" onmouseout="out()">
<h2> This is inside the division </h2>
</div>
</body>
</html>
更新於： 2019 年 10 月 3 日
568 次瀏覽
廣告