window.event物件詳細介紹
1、event代表事件的狀態,例如觸發event物件的元素、滑鼠的位置及狀態、按下的鍵等等。event物件只在事件發生的過程中才有效。event的某些屬性只對特定的事件有意義。比如,fromElement 和 toElement 屬性只對 onmouseover 和 onmouseout 事件有意義。
2、屬性:
altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX, screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y |
3、屬性詳細說明:
屬性名 | 描述 | 值 | 說明 |
altKey | 檢查alt鍵的狀態 | 當alt鍵按下時,值為True否則為False | 只讀 |
shiftKey | 檢查shift鍵的狀態 | 當shift鍵按下時,值為True否則為False | 只讀 |
ctrlKey | 檢查ctrl鍵的狀態 | 當ctrl鍵按下時,值為True否則為False | 只讀 |
例:(點選按鈕時顯示那幾個特殊鍵按下的狀態) <input type="button" value="點選" onClick="showState()"/> <script> function show(){ alert("altKey:"+window.event.altKey +"/nshiftKey:"+window.event.shiftKey +"/nctrlKey:"+window.event.ctrlKey); }</script> |
|||
keyCode | 檢測鍵盤事件相對應的內碼 | 可讀寫,可以是任何一個Unicode鍵盤內碼。如果沒有引發鍵盤事件,則該值為0 | |
例:(按回車鍵讓下一元件得到焦點,相當按Tab鍵) <input type="text" onKeyDown="nextBlur()"/> <input type="text"/> <script> function nextBlur(){ if(window.event.keyCode==13)//回車鍵的 code window.event.keyCode=9;//Tab鍵的code } </script> |
|||
srcElement | 返回觸發事件的元素 | Object | 只讀 |
例:(點選按鈕時顯示按鈕的name值) <input type="button" value="閩" name="福建" onClick="show()"/> <input type="button" value="贛" name="江西" onClick="show()"/> <script> function show(){ alert(window.event.srcElement.name); } </script> |
|||
x,y | 滑鼠相對於當前瀏覽器的位置 | px | 只讀 |
clientX,clientY | 滑鼠當前相對於網頁的位置 | px | 只讀 |
offsetX,offsetY | 滑鼠當前相對於網頁中的某一區域的位置 | px | 只讀 |
screenX,screenY | 相對於使用者顯示器的位置 | px | 只讀 |
說明:當你點選一個按鈕時得到(x,clientX,offsetX,screenX)很容易明白offsetX;當你把IE視窗還原後得到(x,clientX,screenX),你就會明白screenX;當你把div的屬性position在absolute和relative之間切換時,你就會明白x和clientX的區別。 | |||
returnValue | 設定或檢查從事件中返回的值 | true 事件中的值被返回 false 源物件上事件的預設操作被取消 |
可讀寫 |
例如:遮蔽滑鼠右鍵、Ctrl+n、shift+F10、F5重新整理、退格鍵 function KeyDown(){ //遮蔽滑鼠右鍵、Ctrl+N、Shift+F10、F5重新整理、退格鍵 if ((window.event.altKey)&& ((window.event.keyCode==37)|| //遮蔽 Alt+ 方向鍵 ← (window.event.keyCode==39))){ //遮蔽 Alt+ 方向鍵 → event.returnValue=false;//防止使用ALT+方向鍵前進或後退網頁 } if ((event.keyCode==8) || //遮蔽退格刪除鍵 (event.keyCode==116)|| //遮蔽 F5 重新整理鍵 (event.keyCode==112)|| //遮蔽 F1 重新整理鍵 bitsCN.com中國網管聯盟 (event.ctrlKey && event.keyCode==82)){ //Ctrl + R event.keyCode=0; event.returnValue=false; } if ((event.ctrlKey)&&(event.keyCode==78)) //遮蔽Ctrl+N event.returnValue=false; if ((event.shiftKey)&&(event.keyCode==121)) //遮蔽Shift+F10 event.returnValue=false; if (window.event.srcElement.tagName == "A" && window.event.shiftKey) window.event.returnValue = false; //遮蔽 shift 加滑鼠左鍵新開一網頁 if ((window.event.altKey)&&(window.event.keyCode==115)){ //遮蔽Alt+F4 window.showModelessDialog("about:blank","","dialogWidth:1px;dialogHeight:1px"); return false;} } |
|||
button | 檢查按下的滑鼠鍵 | 0 沒按鍵 1 按左鍵 2 按右鍵 3 按左右鍵 4 按中間鍵 5 按左鍵和中間鍵 6 按右鍵和中間鍵 7 按所有的鍵 |
僅用於onmousedown,onmouseup和onmousemove事件。對其他事件,不管滑鼠狀態如何,都返回0(比如onclick) |
srcElement | 檢測onmouseover和onmouseout事件發生時,滑鼠所離開的元素 | Object | 只讀 |
toElement | 檢測onmouseover和onmouseout事件發生時,滑鼠所進入的元素 | Object | 只讀 |
type | 返回事件名 | 返回沒有“on”作為字首的事件名,比如,onclick事件返回的type是click |
相關推薦
window.event物件詳細介紹
1、event代表事件的狀態,例如觸發event物件的元素、滑鼠的位置及狀態、按下的鍵等等。event物件只在事件發生的過程中才有效。event的某些屬性只對特定的事件有意義。比如,fromElement 和 toElement 屬性只對 onmouseover 和 onmo
Request物件詳細介紹
1.Request物件 是當客戶端向伺服器端傳送請求時,伺服器為本次請求建立request物件,並在呼叫Servlet的service方法時,將該物件傳遞給service方法。Request
Java中類和物件詳細介紹
static void main(String[] args) { //1 int i = 2; changeValue(2);//方法中x複製了i的值,為2,方法執行結束x=6,但是i的值不變 System.out.prin
window.event物件用法講解
type:事件的型別,如onclick中的click; srcElement/target:事件源,就是發生事件的元素; button:宣告被按下的滑鼠鍵,整數,1代表左鍵,2代表右鍵,4代表中鍵,如果按下多個鍵,就把這些值加起來,所以3就代表左右鍵同時按下;(firefo
SOAP簡單物件訪問協議詳細介紹
一、單物件訪問協議是交換資料的一種協議規範,是一種輕量的、簡單的、基於XML(標準通用標記語言下的一個子集)的協議,它被設計成在WEB上交換結構化的和固化的資訊。 更為簡單的說:SOAP是基於XML的簡易協議,是用於訪問網路服務的協議 在學習瞭解SOAP協議之前,需要對XML和XML名稱
String 物件常用方法及屬性 詳細介紹
String物件的屬性: 1、constructor :對建立該物件的函式的引用 2、length : 字串長度 3、prototype :允許您向物件新增屬性和方法 String物件的方法: 1、charAt() 方法可返回指定位置的
【U3d】渲染統計視窗詳細介紹(Rendering Statistics Window)
本系列文章由CSDN 當執行一個U3D場景後,可以在介面右上方看到一個叫做"Status"的按鈕,點開它就會出現一個重疊介面顯示出實時統計資料,比如下圖這種樣子: 如果你是一名U3D開發
web開發中的四個域物件生命週期 作用域詳細介紹
Web開發中的四個域物件: 有範圍小到大:page(jsp有效) request(一次請求)session(一次會話) application(當前web應用) page域指的是pageContext. request域指的是requestHttpServletReque
window.event詳細屬性
1、event代表事件的狀態,例如觸發event物件的元素、滑鼠的位置及狀態、按下的鍵等等。event物件只在事件發生的過程中才有效。event的某些屬性只對特定的事件有意義。比如,fromElem
c++類和物件的詳細介紹(二)
一,物件的動態建立和釋放 1.什麼是物件的動態建立和釋放 通常我們建立的物件都是由C++編譯器為我們在棧記憶體中建立的,我們無法對其進行生命週期的管理。所以我們需要動態的去建立該物件,因此我們需要在堆記憶體中建立物件和釋放物件。在C語言中為我們提供了
windows.event物件介紹
1、event代表事件的狀態,例如觸發event物件的元素、滑鼠的位置及狀態、按下的鍵等等。event物件只在事件發生的過程中才有效。event的某些屬性只對特定的事件有意義。比如,fromElement 和 toElement 屬性只對 onmouseover
RabbitMQ基礎概念詳細介紹
可用性 將不 tar connect 相互 abi 封裝 編寫 綁定 原文地址:http://www.diggerplus.org/archives/3110 引言 你是否遇到過兩個(多個)系統間需要通過定時任務來同步某些數據?你是否在為異構系統的不同進程間相互調用、通
dede_archives文章主表詳細介紹
small 選項 key 標題 varchar col cms cores ann dedecms二次開發目錄點這個:dedecms二次開發教程目錄 字段 類型 整理 屬性 Null 默認 額外 id mediumin
JS 事件綁定、事件監聽、事件委托詳細介紹
兼容性 log 查看 and == 常用 提高 監聽 live 事件綁定 要想讓 JavaScript 對用戶的操作作出響應,首先要對 DOM 元素綁定事件處理函數。所謂事件處理函數,就是處理用戶操作的函數,不同的操作對應不同的名稱。 在JavaScript中,有三種常用的
dede_addonimages圖片附加表主表詳細介紹
image 下載 復制 ati logs top 選項 span lsp dedecms二次開發目錄點這個:dedecms二次開發教程目錄 字段 類型 整理 屬性 Null 默認 額外 aid mediumint(
hibernate主鍵詳細介紹
tab merge ren net 對象 num rac 16進制 鍵值 /** * * @author liuguangyi * @content ejb3註解的API定義在javax.persistence.*包裏面。 * * 註釋說
dede_arctype欄目表主表詳細介紹
back 支持 模板 綁定 是否 index color type left dedecms二次開發目錄點這個:dedecms二次開發教程目錄 字段 類型 整理 屬性 Null 默認 額外 id smallint(
HTML中Css詳細介紹
維護 類型 html 外部 -html css樣式 樣式表 作用 tex 一、樣式表的作用 1、Css樣式表,層疊樣式表 2、類似於人類的衣服,網頁的衣服 3、作用:美化網頁 4、優勢: 1.內容與表現分離,便於維護 2.樣式豐富,頁面布局靈活
文件上傳到tomcat服務器 commons-fileupload的詳細介紹與使用
部分 中文字符 form 引用 編碼 path -type dex item 三個類:DiskFileUpload、FileItem和FileUploadException。這三個類全部位於org.apache.commons.fileupload包中。 首先需要說明一下f
氚雲CRM產品的詳細介紹
銷售管理 銷售人員 聯系人 產品 管理者 1 產品價值1.1 核心優勢 1.2 銷售管理者的煩惱 1.3 產品價值-解決銷售人員的煩惱 1.4 氚雲CRM幫助企業提高工作效率、促進團隊業績順利達成從客戶開發、外勤,聯系人的維護,客戶的跟進商機的有效推進到合同的簽定成交以及發票、回款等銷售生