javascript中的altKey 和 Event屬性大全
下面給大家介紹javascript中altkey屬性，具體介紹如下所示：
altKey屬性的定義和用法:
此屬性返回一個布爾值。指示在指定的事件發(fā)生時，Alt鍵是否被按下并保持住了。
語法結(jié)構(gòu):
event.altKey=true|false|1|0
瀏覽器支持:
1.IE瀏覽器支持此屬性。
2.火狐瀏覽器支持此屬性。
3.Opera瀏覽器支持此屬性。
4.谷歌瀏覽器支持此屬性。
實例代碼:
<!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>
以上代碼中，當點擊指定的div時候，可以彈出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
可能的值： 當alt鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。
2.button 描述： 檢查按下的鼠標鍵。
語法： event.button
可能的值： 0 沒按鍵 1 按左鍵 2 按右鍵 3 按左右鍵 4 按中間鍵 5 按左鍵和中間鍵 6 按右鍵和中間鍵 7 按所有的鍵
這個屬性僅用于onmousedown, onmouseup, 和 onmousemove 事件。對其他事件，不管鼠標狀態(tài)如何，都返回 0（比如onclick）。
3.cancelBubble 描述： 檢測是否接受上層元素的事件的控制。
語法： event.cancelBubble[ = cancelBubble]
可能的值： 這是一個可讀寫的布爾值:
TRUE 不被上層原素的事件控制。 FALSE 允許被上層元素的事件控制。這是默認值。
例子： 下面的代碼片斷演示了當在圖片上點擊（onclick）時，如果同時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 描述： 返回鼠標在窗口客戶區(qū)域中的X坐標。
語法： event.clientX
注釋： 這是個只讀屬性。這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
5.clientY 描述： 返回鼠標在窗口客戶區(qū)域中的Y坐標。
語法： event.clientY
注釋： 這是個只讀屬性。這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
6.ctrlKey 描述： 檢查ctrl鍵的狀態(tài)。
語法： event.ctrlKey
可能的值： 當ctrl鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。
7.fromElement 描述： 檢測 onmouseover 和 onmouseout 事件發(fā)生時，鼠標所離開的元素。
參考：18.toElement
語法： event.fromElement
注釋： 這是個只讀屬性。
8.keyCode 描述： 檢測鍵盤事件相對應(yīng)的內(nèi)碼。
這個屬性用于 onkeydown, onkeyup, 和 onkeypress 事件。
語法： event.keyCode[ = keyCode]
可能的值： 這是個可讀寫的值，可以是任何一個Unicode鍵盤內(nèi)碼。如果沒有引發(fā)鍵盤事件，則該值為 0 。
9.offsetX 描述： 檢查相對于觸發(fā)事件的對象，鼠標位置的水平坐標
語法： event.offsetX
10.offsetY 描述： 檢查相對于觸發(fā)事件的對象，鼠標位置的垂直坐標
語法： event.offsetY
11.propertyName 描述： 設(shè)置或返回元素的變化了的屬性的名稱。
語法： event.propertyName [ = sProperty ]
可能的值： sProperty 是一個字符串，指定或返回觸發(fā)事件的元素在事件中變化了的屬性的名稱。 這個屬性是可讀寫的。無默認值。
注釋： 你可以通過使用 onpropertychange 事件，得到 propertyName 的值。
12.returnValue 描述： 設(shè)置或檢查從事件中返回的值
語法： event.returnValue[ = Boolean]
可能的值： true 事件中的值被返回 false 源對象上事件的默認操作被取消
例子見本文的開頭。
13.screenX 描述： 檢測鼠標相對于用戶屏幕的水平位置
語法： event.screenX
注釋： 這是個只讀屬性。這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
14.screenY 描述： 檢測鼠標相對于用戶屏幕的垂直位置
語法： event.screenY
注釋： 這是個只讀屬性。這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
15.shiftKey 描述： 檢查shift鍵的狀態(tài)。
語法： event.shiftKey
可能的值： 當shift鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。
16.srcElement 描述： 返回觸發(fā)事件的元素。只讀。例子見本文開頭。
語法： event.srcElement
17.srcFilter 描述： 返回觸發(fā) onfilterchange 事件的濾鏡。只讀。
語法： event.srcFilter
18.toElement 描述： 檢測 onmouseover 和 onmouseout 事件發(fā)生時，鼠標所進入的元素。
參考：7.fromElement
語法： event.toElement
注釋： 這是個只讀屬性。
19.type 描述： 返回事件名。
語法： event.type
注釋： 返回沒有“on”作為前綴的事件名，比如，onclick事件返回的type是click 只讀。
20. x 描述： 返回鼠標相對于css屬性中有position屬性的上級元素的x軸坐標。如果沒有css屬性中有position屬性的上級元素，默認
以BODY元素作為參考對象。
語法： event.x
注釋： 如果事件觸發(fā)后，鼠標移出窗口外，則返回的值為 -1 這是個只讀屬性。
這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
21. y 描述： 返回鼠標相對于css屬性中有position屬性的上級元素的y軸坐標。
如果沒有css屬性中有position屬性的上級元素，默認以BODY元素作為參考對象。
語法： event.y
注釋： 如果事件觸發(fā)后，鼠標移出窗口外，則返回的值為 -1 這是個只讀屬性。這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
相關(guān)文章
JS解決IOS中拍照圖片預(yù)覽旋轉(zhuǎn)90度BUG的問題
下面小編就為大家?guī)硪黄狫S解決IOS中拍照圖片預(yù)覽旋轉(zhuǎn)90度BUG的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要為大家詳細介紹了如何簡單實現(xiàn)JS上傳圖片預(yù)覽功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
滾動條響應(yīng)鼠標滑輪事件實現(xiàn)上下滾動的js代碼
javascript實現(xiàn)滾動條響應(yīng)鼠標滑輪的實現(xiàn)上下滾動，示例代碼如下2014-06-06
這篇文章主要介紹了如何讓每個Http請求都自動帶上token問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
這篇文章主要介紹了JavaScript實現(xiàn)簡單生成隨機顏色的方法,涉及javascript隨機數(shù)與字符串運算及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-09-09
這篇文章主要為大家詳細介紹了javascript實現(xiàn)搶購倒計時程序，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-08-08
組合模式大概是設(shè)計模式里面使用最為廣泛的模式之一了，模式本身理解起來也比較簡單，以至于可以毫不費力的寫出一個能用的組合模式偽代碼2016-08-08
js如何將select標簽里的BBB改成XXX，同時BBB里的valued的值改成F?本文將告訴你正確的答案2012-12-12
javascript event在FF和IE的兼容傳參心得(絕對好用)
event在IE和FF不兼，下面為大家分享的是javascript event在FF和IE的兼容傳參心得,需要的朋友可以參考下2014-07-07
JS 邏輯判斷不要只知道用 if-else 和 switch條件判斷(小技巧)
這篇文章主要介紹了JS 邏輯判斷不要只知道用 if-else 和 switch,在一些邏輯復(fù)雜度的增加，代碼中的 if/else 和 switch 會越來越臃腫。本文將帶你嘗試寫出更優(yōu)雅的判斷邏輯，需要的朋友可以參考下2020-05-05