欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript中的altKey 和 Event屬性大全

 更新時(shí)間：2015年11月06日 09:10:33   作者：我是代碼努力  
本文給大家介紹javascript中的altkey和event屬性大全，涉及到altkey和event屬性語法定義及用法，本文介紹的非常詳細(xì)，感興趣的朋友一起看看吧

下面給大家介紹javascript中altkey屬性，具體介紹如下所示：

altKey屬性的定義和用法:

此屬性返回一個(gè)布爾值。指示在指定的事件發(fā)生時(shí)，Alt鍵是否被按下并保持住了。

語法結(jié)構(gòu):

event.altKey=true|false|1|0

瀏覽器支持:

1.IE瀏覽器支持此屬性。

2.火狐瀏覽器支持此屬性。

3.Opera瀏覽器支持此屬性。

4.谷歌瀏覽器支持此屬性。

實(shí)例代碼:

<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.softwhy.com/" /> 
<title>javascript的altKey事件屬性-螞蟻部落</title>
<style type="text/css">
div{
 width:200px;
 height:100px;
 background-color:#639;
 margin:0px auto;
}
</style>
<script type="text/javascript">
window.onload=function(){
 var mydiv=document.getElementById("mydiv");
 mydiv.onmousedown=function (event){
  if(event.altKey==1){
   alert("ALT鍵已經(jīng)被按下");
  }
  else{
   alert("ALT鍵沒有被按下");
  }
 }
}
</script>
</head>
<body>
 <div id="mydiv"></div>
</body>
</html>

以上代碼中，當(dāng)點(diǎn)擊指定的div時(shí)候，可以彈出ALT鍵是否已經(jīng)被按下。

Javascript中Event屬性大全

屬性

altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX,
screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y

1.altKey 描述： 檢查alt鍵的狀態(tài)。

語法： event.altKey

可能的值： 當(dāng)alt鍵按下時(shí)，值為 TRUE ，否則為 FALSE 。只讀。

2.button 描述： 檢查按下的鼠標(biāo)鍵。

語法： event.button

可能的值： 0 沒按鍵 1 按左鍵 2 按右鍵 3 按左右鍵 4 按中間鍵 5 按左鍵和中間鍵 6 按右鍵和中間鍵 7 按所有的鍵
這個(gè)屬性僅用于onmousedown, onmouseup, 和 onmousemove 事件。對(duì)其他事件，不管鼠標(biāo)狀態(tài)如何，都返回 0（比如onclick）。

3.cancelBubble 描述： 檢測(cè)是否接受上層元素的事件的控制。

語法： event.cancelBubble[ = cancelBubble]

可能的值： 這是一個(gè)可讀寫的布爾值:

TRUE 不被上層原素的事件控制。 FALSE 允許被上層元素的事件控制。這是默認(rèn)值。

例子： 下面的代碼片斷演示了當(dāng)在圖片上點(diǎn)擊（onclick）時(shí)，如果同時(shí)shift鍵也被按下，就取消上層元素（body）上的事件onclick所引發(fā)的showSrc()函數(shù)。

<SCRIPT type="text/javascript"> 
function checkCancel() ...{ 
if (window.event.shiftKey) 
window.event.cancelBubble = true; 
} 
function showSrc() ...{ 
if (window.event.srcElement.tagName == "IMG") 
alert(window.event.srcElement.src); 
} 
</SCRIPT> 
<BODY onclick="showSrc()"> 
<IMG onclick="checkCancel()" src="/sample.gif">

4.clientX 描述： 返回鼠標(biāo)在窗口客戶區(qū)域中的X坐標(biāo)。

語法： event.clientX

注釋： 這是個(gè)只讀屬性。這意味著，你只能通過它來得到鼠標(biāo)的當(dāng)前位置，卻不能用它來更改鼠標(biāo)的位置。

5.clientY 描述： 返回鼠標(biāo)在窗口客戶區(qū)域中的Y坐標(biāo)。

語法： event.clientY
注釋： 這是個(gè)只讀屬性。這意味著，你只能通過它來得到鼠標(biāo)的當(dāng)前位置，卻不能用它來更改鼠標(biāo)的位置。

6.ctrlKey 描述： 檢查ctrl鍵的狀態(tài)。

語法： event.ctrlKey

可能的值： 當(dāng)ctrl鍵按下時(shí)，值為 TRUE ，否則為 FALSE 。只讀。

7.fromElement 描述： 檢測(cè) onmouseover 和 onmouseout 事件發(fā)生時(shí)，鼠標(biāo)所離開的元素。

參考：18.toElement

語法： event.fromElement

注釋： 這是個(gè)只讀屬性。

8.keyCode 描述： 檢測(cè)鍵盤事件相對(duì)應(yīng)的內(nèi)碼。

這個(gè)屬性用于 onkeydown, onkeyup, 和 onkeypress 事件。

語法： event.keyCode[ = keyCode]

可能的值： 這是個(gè)可讀寫的值，可以是任何一個(gè)Unicode鍵盤內(nèi)碼。如果沒有引發(fā)鍵盤事件，則該值為 0 。

9.offsetX 描述： 檢查相對(duì)于觸發(fā)事件的對(duì)象，鼠標(biāo)位置的水平坐標(biāo)

語法： event.offsetX

10.offsetY 描述： 檢查相對(duì)于觸發(fā)事件的對(duì)象，鼠標(biāo)位置的垂直坐標(biāo)

語法： event.offsetY

11.propertyName 描述： 設(shè)置或返回元素的變化了的屬性的名稱。

語法： event.propertyName [ = sProperty ]

可能的值： sProperty 是一個(gè)字符串，指定或返回觸發(fā)事件的元素在事件中變化了的屬性的名稱。 這個(gè)屬性是可讀寫的。無默認(rèn)值。

注釋： 你可以通過使用 onpropertychange 事件，得到 propertyName 的值。

12.returnValue 描述： 設(shè)置或檢查從事件中返回的值

語法： event.returnValue[ = Boolean]

可能的值： true 事件中的值被返回 false 源對(duì)象上事件的默認(rèn)操作被取消
例子見本文的開頭。

13.screenX 描述： 檢測(cè)鼠標(biāo)相對(duì)于用戶屏幕的水平位置

語法： event.screenX

注釋： 這是個(gè)只讀屬性。這意味著，你只能通過它來得到鼠標(biāo)的當(dāng)前位置，卻不能用它來更改鼠標(biāo)的位置。

14.screenY 描述： 檢測(cè)鼠標(biāo)相對(duì)于用戶屏幕的垂直位置

語法： event.screenY

注釋： 這是個(gè)只讀屬性。這意味著，你只能通過它來得到鼠標(biāo)的當(dāng)前位置，卻不能用它來更改鼠標(biāo)的位置。

15.shiftKey 描述： 檢查shift鍵的狀態(tài)。

語法： event.shiftKey
可能的值： 當(dāng)shift鍵按下時(shí)，值為 TRUE ，否則為 FALSE 。只讀。

16.srcElement 描述： 返回觸發(fā)事件的元素。只讀。例子見本文開頭。

語法： event.srcElement

17.srcFilter 描述： 返回觸發(fā) onfilterchange 事件的濾鏡。只讀。

語法： event.srcFilter

18.toElement 描述： 檢測(cè) onmouseover 和 onmouseout 事件發(fā)生時(shí)，鼠標(biāo)所進(jìn)入的元素。

參考：7.fromElement

語法： event.toElement
注釋： 這是個(gè)只讀屬性。

19.type 描述： 返回事件名。

語法： event.type
注釋： 返回沒有“on”作為前綴的事件名，比如，onclick事件返回的type是click 只讀。

20. x 描述： 返回鼠標(biāo)相對(duì)于css屬性中有position屬性的上級(jí)元素的x軸坐標(biāo)。如果沒有css屬性中有position屬性的上級(jí)元素，默認(rèn)

以BODY元素作為參考對(duì)象。

語法： event.x

注釋： 如果事件觸發(fā)后，鼠標(biāo)移出窗口外，則返回的值為 -1 這是個(gè)只讀屬性。

這意味著，你只能通過它來得到鼠標(biāo)的當(dāng)前位置，卻不能用它來更改鼠標(biāo)的位置。

21. y 描述： 返回鼠標(biāo)相對(duì)于css屬性中有position屬性的上級(jí)元素的y軸坐標(biāo)。

如果沒有css屬性中有position屬性的上級(jí)元素，默認(rèn)以BODY元素作為參考對(duì)象。

語法： event.y

注釋： 如果事件觸發(fā)后，鼠標(biāo)移出窗口外，則返回的值為 -1 這是個(gè)只讀屬性。這意味著，你只能通過它來得到鼠標(biāo)的當(dāng)前位置，卻不能用它來更改鼠標(biāo)的位置。

相關(guān)文章

最新評(píng)論