2009年1月30日

window:操控器五頁

window | 特徵一頁 | 二頁 | 三頁 | 四頁 | 五頁
方法一頁 | 二頁 | 三頁 | 四頁 | 五頁 | 六頁 | 七頁
操控器一頁 | 二頁 | 三頁 | 四頁 | 五頁 | 六頁 | 七頁 | 成員表
window 的事件操控器
onmousedown

用戶在視窗點擊滑鼠左鍵或右鍵,會啟動此事件操控器。在 Firefox, Safari, Chrome 可以用 window.onmousedown;在 IE 必須使用 document.body.onmousedown。可加在 HTML 元素上使用,請參考 onmousedown

可由 event 物件檢查是哪一鍵被點擊及其座標。event.button 的值,Firefox, Safari, Chrome 的定義:

  1. 0:左鍵。
  2. 1:中鍵,多已改為滾輪。
  3. 2:右鍵。

event.button 的值,IE 的定義:

  1. 0:沒有按。
  2. 1:左鍵。
  3. 2:右鍵。
  4. 3:兩鍵同時按。
  5. 4:中鍵。

event.screenX, event.screenY 放滑鼠點擊座標,以螢幕之左上角為原點 (0,0)。

event.clientX, event.clientY 放滑鼠點擊座標,以瀏覽器的展現區之左上角為原點。可以將瀏覽器變小,就可以看出與上面的差異。

onmousemove

用戶在視窗移動滑鼠,會啟動此事件操控器。在 Firefox, Safari, Chrome 可以用 window.onmousemove;在 IE 必須使用 document.body.onmousemove。可加在 HTML 元素上使用,請參考 onmousemove

onmouseout

移動滑鼠發生移出事件,會啟動此操控器。在 Firefox, Safari, Chrome 可以用 window.onmouseout;在 IE 必須使用 document.body.onmouseout。可加在 HTML 元素上使用,請參考 onmouseout。如果一個元素宣告了 onmouseout,則所謂的移出,並不是純指外在大範圍的移出此元素;如果此元素內有子元素,移入子元素的範圍,也會產生移出事件。

onmouseover

滑鼠移入視窗,會啟動此操控器。在 Firefox, Safari, Chrome 可以用 window.onmouseover;在 IE 必須使用 document.body.onmouseover。可加在 HTML 元素上使用,請參考 onmouseover。在父元素或子元素之間進出,都會產生移入移出事件。

onmouseup

用戶在視窗按滑鼠左鍵或右鍵,放開時,會啟動此事件操控器。在 Firefox, Safari, Chrome 可以用 window.onmouseup;在 IE 必須使用 document.body.onmouseup。可加在 HTML 元素上使用,請參考 onmouseup


©2008-2009 by ant2legs, All Rights Reserved. ant2legs 擁有其製作的文章,圖片與程式的著作權,所有權利保留。