ホームページ > 記事 > ウェブフロントエンド > javascript_javascript スキルの altKey および Event 属性の完全なリスト

javascript_javascript スキルの altKey および Event 属性の完全なリスト

WBOYオリジナル: 2016-05-16 15:33:391439ブラウズ

以下は JavaScript の altkey 属性の概要です。具体的な概要は次のとおりです。

altKey 属性の定義と使用法:

このプロパティはブール値を返します。指定されたイベントが発生したときに Alt キーが押し続けられたかどうかを示します。

文法構造:

event.altKey=true|false|1|0

ブラウザのサポート:

1.IE ブラウザはこの属性をサポートしています。

2. Firefox ブラウザはこの属性をサポートしています。

3. Opera ブラウザはこの属性をサポートしています。

4. Google Chrome はこの属性をサポートしています。

コード例:

<!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键已经被按下");
  }
  else{
   alert("ALT键没有被按下");
  }
 }
}
</script>
</head>
<body>
 <div id="mydiv"></div>
</body>
</html>

上記のコードでは、指定した div をクリックすると、ALT キーが押されたかどうかをポップアップ表示します。

JavaScript のイベントプロパティの包括的なリスト

属性

altKey、ボタン、cancelBubble、clientX、clientY、ctrlKey、fromElement、keyCode、offsetX、offsetY、propertyName、returnValue、screenX、
screenY、shiftKey、srcElement、srcFilter、toElement、type、x、y

1.altKey 説明: alt キーの状態を確認します。

構文:event.altKey

可能な値: alt キーが押された場合は TRUE、それ以外の場合は FALSE。読み取り専用。

2.button 説明: 押されたマウスボタンを確認します。

構文:event.button

可能な値: 0 キーが押されていない 1 左ボタンを押す 2 右ボタンを押す 3 左と右のボタンを押す 4 中央のボタンを押す 5 左と中央のボタンを押す 6 右と中央のボタンを押す 7 すべてのキーを押す
このプロパティは、onmousedown、onmouseup、および onmousemove イベントにのみ使用されます。その他のイベント (onclick など) の場合は、マウスの状態に関係なく 0 が返されます。

3.cancelBubble 説明: 上位要素のイベントコントロールを受け入れるかどうかを検出します。

構文:event.cancelBubble[ = cancelBubble]

可能な値: これは読み取りおよび書き込み可能なブール値です:

TRUE は上位要素のイベントによって制御されません。 FALSE を指定すると、上位レベルの要素のイベントによる制御が可能になります。これがデフォルト値です。

例: 次のコードスニペットは、画像をクリックするとき (onclick)、Shift キーも同時に押されると、上部要素 (body) の onclick イベントによってトリガーされる showSrc() 関数が実行されることを示しています。キャンセル。

<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 説明: ウィンドウのクライアント領域内のマウスの X 座標を返します。

構文:event.clientX

注: これは読み取り専用のプロパティです。これは、マウスの現在位置を取得するためにのみ使用でき、マウスの位置を変更するために使用することはできないことを意味します。

5.clientY 説明: ウィンドウのクライアント領域内のマウスの Y 座標を返します。

構文:event.clientY
注: これは読み取り専用のプロパティです。これは、マウスの現在位置を取得するためにのみ使用でき、マウスの位置を変更するために使用することはできないことを意味します。

6.ctrlKey 説明: Ctrl キーの状態を確認します。

構文:event.ctrlKey

可能な値: Ctrl キーが押されている場合は TRUE、それ以外の場合は FALSE。読み取り専用。

7.fromElement 説明: onmouseover および onmouseout イベントが発生したときにマウスが離れる要素を検出します。

参照: 18.toElement

構文:event.fromElement

注: これは読み取り専用のプロパティです。

8.keyCode 説明: キーボードイベントに対応する内部コードを検出します。

この属性は、onkeydown、onkeyup、および onkeypress イベントに使用されます。

構文:event.keyCode[ = keyCode]

可能な値: これは、任意の Unicode キーボードコードである、読み取りおよび書き込み可能な値です。キーボードイベントが発生しなかった場合、値は 0 です。

9.offsetX 説明: イベントをトリガーしたオブジェクトに対するマウス位置の水平座標を確認します

構文:event.offsetX

10.offsetY 説明: イベントをトリガーしたオブジェクトに対するマウス位置の垂直座標を確認します

構文:event.offsetY

11.propertyName 説明: 要素の変更されたプロパティの名前を設定または返します。

構文:event.propertyName [= sProperty]

可能な値: sProperty は、イベントをトリガーした要素のイベント内で変更されたプロパティの名前を指定するか、または返す文字列です。このプロパティは読み取りおよび書き込み可能です。デフォルト値はありません。

注: propertyName の値は、onpropertychange イベントを使用して取得できます。

12.returnValue 説明: イベント
から返される値を設定または確認します。

構文:event.returnValue[=Boolean]

可能な値: true イベント内の値が返される false ソースオブジェクトのイベントのデフォルトアクションがキャンセルされる
この記事の冒頭の例を参照してください。

13.screenX 説明: ユーザーの画面に対するマウスの水平位置を検出します

構文:event.screenX

14.screenY 説明: ユーザーの画面に対するマウスの垂直位置を検出します

構文:event.screenY

15.shiftKey 説明: シフトキーの状態を確認します。

構文:event.shiftKey
可能な値: Shift キーが押された場合は TRUE、それ以外の場合は FALSE。読み取り専用。

16.srcElement 説明: イベントをトリガーした要素を返します。読み取り専用。この記事の冒頭の例を参照してください。

構文:event.srcElement

17.srcFilter 説明: onfilterchange イベントをトリガーするフィルターを返します。読み取り専用。

構文:event.srcFilter

18.toElement 説明: onmouseover および onmouseout イベントが発生したときにマウスが入る要素を検出します。

参照: 7.fromElement

構文:event.toElement
注: これは読み取り専用のプロパティです。

19.type 説明: イベント名を返します。

構文:event.type
注: プレフィックスとして「on」を付けないイベント名を返します。たとえば、onclick イベントによって返されるタイプは click 読み取り専用です。

20. x 説明: CSS 属性の Position 属性を使用して、親要素を基準としたマウスの X 軸座標を返します。 css属性にposition属性を持つ親要素がない場合、デフォルトは

となります。

BODY 要素を参照オブジェクトとして取得します。

構文:event.x

注: イベントがトリガーされた後にマウスがウィンドウの外に移動すると、戻り値は -1 になります。これは読み取り専用のプロパティです。

これは、マウスの現在位置を取得するためにのみ使用でき、マウスの位置を変更するために使用することはできないことを意味します。

21. y 説明: css 属性のposition 属性を使用して、親要素を基準としたマウスの y 軸座標を返します。

css 属性にposition 属性を持つ親要素がない場合、デフォルトで BODY 要素が参照オブジェクトとして使用されます。

構文:event.y

注: イベントがトリガーされた後にマウスがウィンドウの外に移動すると、戻り値は -1 になります。これは読み取り専用のプロパティです。これは、マウスの現在位置を取得するためにのみ使用でき、マウスの位置を変更するために使用することはできないことを意味します。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：javascript_javascript スキルでタブ切り替えを実装する 4 つの方法次の記事：javascript_javascript スキルでタブ切り替えを実装する 4 つの方法

続きを見る

javascript_javascript スキルの altKey および Event 属性の完全なリスト

関連記事