Javascript教學
JavaScript語法
在瀏覽器中啓用JavaScript
在HTML文件放置JavaScript
JavaScript變量和數據類型
JavaScript運算符
JavaScript if...else語句
JavaScript Switch Case
JavaScript while循環
JavaScript for循環
JavaScript for...in 循環
JavaScript循環控制
JavaScript函數
JavaScript嵌套函數
JavaScript Function() 構造
JavaScript函數字面值
JavaScript事件
JavaScript Cookies
JavaScript頁面重定向
JavaScript頁面刷新
JavaScript對話框
JavaScript void關鍵詞
Javascript頁面打印
JavaScript對象
Javascript Number對象
Javascript Number.MAX_VALUE
Javascript Number.MIN_VALUE
Javascript Number.NaN
Javascript Number.NEGATIVE_INFINITY
Javascript Number.POSITIVE_INFINITY
Javascript Object.prototype
Javascript Boolean對象
JavaScript Boolean.constructor()方法
Javascript Boolean.toSource()方法
Javascript Boolean.toString()方法
Javascript Boolean.valueOf()方法
Javascript String對象
Javascript String.constructor屬性
Javascript String.length屬性
Javascript String.charAt()方法
Javascript String.charCodeAt()方法
Javascript String.concat()方法
Javascript String.lastIndexOf()方法
Javascript String.localeCompare()方法
Javascript String.match()方法
Javascript String.replace()方法
Javascript String.search()方法
Javascript String.slice()方法
Javascript String.substr()方法
Javascript String.substring()方法
Javascript String.toLocaleLowerCase()方法
Javascript String.toLocaleUpperCase()方法
Javascript String.toLowerCase()方法
Javascript String.toString()方法
Javascript String.toUpperCase()方法
Javascript String.valueOf()方法
Javascript String.anchor()方法
Javascript String.big()方法
Javascript String.blink()方法
Javascript String.bold()方法
Javascript String.fixed()方法
Javascript String.fontcolor()方法
Javascript String.fontsize()方法
Javascript String.italics()方法
Javascript String.link()方法
Javascript String.small()方法
Javascript String.strike()方法
Javascript String.sub()方法
Javascript String.sup()方法
Javascript Arrays對象
Javascript Array.constructor屬性
Javascript Array.length屬性
Javascript Array.concat()方法
Javascript Array.every()方法
Javascript Array.filter()方法
JavaScript Array.forEach()方法
Javascript Array.indexOf()方法
Javascript Array.join()方法
Javascript Array.lastIndexOf()方法
Javascript Array.map()方法
Javascript Array.pop()方法
Javascript Array.push()方法
Javascript Array.reduce()方法
Javascript Array.reduceRight()方法
Javascript Array.reverse()方法
Javascript Array.shift()方法
Javascript Array.slice()方法
Javascript Array.some()方法
Javascript Array.toSource()方法
Javascript Array.sort()方法
Javascript Array.splice()方法
Javascript Array.toString()方法
Javascript Array.unshift()方法
JavaScript Date對象
Javascript Date.constructor屬性
Javascript Date()函數
Javascript Date.getDate()方法
Javascript Date.getDay()方法
Javascript Date.getFullYear()方法
Javascript Date.getHours()方法
Javascript Date.getMilliseconds()方法
Javascript Date.getMinutes()方法
Javascript Date.getMonth()方法
Javascript Date.getSeconds()方法
Javascript Date.getTime()方法
Javascript Date.getTimezoneOffset()方法
Javascript Date.getUTCDate()方法
Javascript Date.getUTCDay()方法
Javascript Date.getUTCFullYear()方法
Javascript Date.getUTCHours()方法
Javascript Date.getUTCMinutes()方法
Javascript Date.getUTCMonth()方法
Javascript Date.getUTCSeconds()方法
Javascript Date.getYear()方法
Javascript Date.setDate()方法
Javascript Date.setFullYear()方法
Javascript Date.setHours()方法
Javascript Date.setMilliseconds()方法
Javascript Date.getUTCMilliseconds()方法
Javascript Date.setMinutes()方法
Javascript Date.setMonth()方法
Javascript Date.setSeconds()方法
Javascript Date.setTime()方法
Javascript Date.setUTCDate()方法
Javascript Date.setUTCFullYear()方法
Javascript Date.setUTCHours()方法
Javascript Date setUTCMilliseconds()方法
Javascript Date.setUTCMinutes()方法
Javascript Date.setUTCSeconds()方法
Javascript Date.setYear()方法
Javascript Date.toDateString()方法
Javascript Date.toLocaleDateString()方法
Javascript Date.toSource()方法
Javascript Date.toString()方法
Javascript Date.toTimeString()方法
Javascript Date.toUTCString()方法
Javascript Date.valueOf()方法
Javascript Date.parse()方法
Javascript Date.UTC()方法
Javascript Math對象
Javascript Math.E屬性
Javascript Math.LN2屬性
Javascript Math.LN10屬性
Javascript Math.LOG2E,屬性
Javascript Math.LOG10E屬性
Javascript Math.PI屬性
Javascript Math.SQRT1_2屬性
Javascript Math.SQRT2屬性
Javascript Math.abs()方法
Javascript Math.acos()方法
Javascript Math.asin()方法
Javascript Math.atan()方法
Javascript Math.atan2()方法
Javascript Math.ceil()方法
Javascript Math.cos()方法
Javascript Math.exp()方法
Javascript Math.floor()方法
Javascript Math.log()方法
Javascript Math.max()方法
Javascript Math.min()方法
Javascript Math.pow()方法
Javascript Math.random()方法
Javascript Math.round()方法
Javascript Math.sin()方法
Javascript Math.sqrt()方法
Javascript Math.tan()方法
Javascript Math.toSource()方法
正則表達式和RegExp對象
Javascript RegExp.constructor屬性
Javascript RegExp.global屬性
Javascript RegExp.ignoreCase屬性
Javascript RegExp.lastIndex屬性
Javascript RegExp.multiline屬性
Javascript RegExp.source屬性
Javascript RegExp.exec()方法
Javascript RegExp.test()方法
Javascript RegExp.toSource()方法
Javascript RegExp.toString()方法
JavaScript文檔對象模型或DOM
JavaScript傳統DOM
JavaScript W3C DOM
JavaScript IE4 DOM
JavaScript錯誤和異常處理
JavaScript表單驗證
JavaScript動畫
Javascript多媒體

JavaScript事件

事件是什麼 ?

JavaScript與HTML交互是通過在用戶或瀏覽器操縱頁面上發生的事件進行處理。

當頁面加載,這是一個事件。當用戶點擊一個按鈕,這一下,也就是一個事件。事件的另一個例子是類似按下任意鍵,關閉窗口,調整窗口等。

開發者可以使用這些事件執行JavaScript編碼響應,這引起按鈕以關閉視窗,消息,以便顯示給用戶,要驗證的數據,以及幾乎任何其它類型的響應可以發生的。

事件是文檔對象模型(DOM)第3級,每一個HTML元素的一部分有一套可以觸發JavaScript代碼事件。

請繼續通過這個小教程更好地理解 HTML事件參考. 在這裏,我們將看到一些例子來了解事件和JavaScript之間的關係:

onclick事件類型:

這是當用戶點擊鼠標左鍵時發生的最頻繁使用的事件類型。可以針對此事件類型把驗證信息,警告等顯示。

例子:

這將產生以下結果,當你點擊「Hello」按鈕,然後會的onclick事件的發生將觸發sayHello()函數。

onsubmit 事件類型:

另一個最重要的事件類型是 onsubmit。當嘗試提交表單時引發此事件。所以,可以把表單驗證針對此事件類型。

下面是簡單的例子,說明它的用法。在這裏,我們提交表單數據到Web服務器之前,調用一個validate()函數。如果表單將被提交的validate()函數返回true,否則不會提交數據。

例子:

.......

onmouseover 和 onmouseout:

這兩個事件類型將幫助創建圖片甚至用文字以及不錯的效果。當把鼠標在任何元素,當從元素把鼠標移出發生onmouseout事件,移過時發生 onmouseover 事件。

例子:

下面的例子說明,分組反應如下:

This is inside the division

可以使用這兩個事件類型改變不同的圖像,也可以創建幫助你的用戶。

HTML 4 標準事件

標準的HTML4事件列在這裏,供大家參考。下面的腳本顯示一個Javascript函數功能以對該事件執行。

Event

Value

描述

onchange

script

腳本運行時的元素改變

onsubmit

script

腳本時提交表單運行

onreset

script

腳本運行時的形式被重置

onselect

script

腳本當選擇元素運行

onblur

script

腳本運行時的元素失去焦點

onfocus

script

腳本運行時的元素獲得焦點

onkeydown

script

腳本的時候鍵被按下運行

onkeypress

script

腳本的時候鍵被按下並釋放運行

onkeyup

script

腳本的時候鍵被釋放運行

onclick

script

腳本運行時,用鼠標點擊

ondblclick

script

腳本運行時,鼠標雙擊

onmousedown

script

腳本的時候按下鼠標按鈕運行

onmousemove

script

腳本運行時鼠標指針移動

onmouseout

script

腳本運行時鼠標指針移出元素

onmouseover

script

腳本運行時鼠標指針掠過元素

onmouseup

script

腳本時釋放鼠標按鍵運行