1. 程式人生 > >window.event物件詳細介紹

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幫助企業提高工作效率、促進團隊業績順利達成從客戶開發、外勤,聯系人的維護,客戶的跟進商機的有效推進到合同的簽定成交以及發票、回款等銷售生