イベントオブジェクト(イベント)
イベント:の要素のいくつかの操作
イベントオブジェクト:オブジェクトが生成されたイベントをトリガします。イベントオブジェクトは、イベントがVaRのE = E ||イベントに動作しなければならない前提のイベントを使用して、あります。
:属性の座標
pageX / pageYはトップからの相対座標とIE8の文書が定義されていない左;
clientX / clientYプロパティは、スクロールバーが表示された場合、pageY = clienY +ページのスクロール距離、トップに相対して、ドキュメントウィンドウの左座標
offsetX / offsetY反対動作中のオフセット内部素子
VAR DISX = e.offsetX || e.layerX // layerX : Firefoxの
VAR DISX = e.offsetY || e.layerY // layerY : 使用のFirefox
マウスボタンイベントオブジェクトのプロパティ
ボタンコントロールユーザーキー
左:0
ローラー:1
右:2つの
で、すなわち、キー
左:1つの
ホイール:4
右:2
マウスと互換性があります。
= document.onmousedown 関数(イブ){ VARの E = ||イブイベント; VARのボタン= getButton(イブ) にconsole.log(ボタン); } 関数getButton(イブ){ // ブラウザを決定する方法がIE8である // イベントオブジェクトの分析 IF (イブ){ 戻りeve.button; } 他{ // この行われるIE8の VaRのボタン= window.event.button、 スイッチ(ボタン){ ケース 1。: 返す 0 ; ケース 4 : リターン 1 。 ケース 2 : リターン 2 。 } } }
キーボードイベントオブジェクトのプロパティ
keyCode
ctrlKey shiftKey altKeyのファンクションキーを押すとき、キーボードはブール値を返し、
デフォルト値はkeyCodeがキー13を入力しています、
使用例:
document.onkeydown = 関数(イブ){ VARの E =前夜|| イベント; VaRのコード= e.keyCode || e.which || e.charCode; VAR CVAL = content.value。 もし(e.altKey && e.ctrlKey &&コード== 13 ){ box.innerHTML + = CVAL + "<BR>" ;} }
OnKeyPressイベントでは、ファンクションキーCTRLは+キーを入力すると、キー10 ctrlKeyキーコード値を入力し、OnKeyPressイベントを提供したキーの組み合わせを入力し、機能キーれるonkeypress性は、一般的に使用されていません。宇宙に加えて、入力したキーは、このイベントonkeypressでは下の他の機能をトリガしません。
互換e.keyCode:
火災の円弧の低いバージョン、OnKeyPressイベントのe.keyCode値はゼロである
e.which使用火災e.charCodeのアーク
VARコード= e.keyCode || || e.charCode e.which ;
使用例:
document.onkeypress = 関数(イブ){ VARの E =前夜|| イベント; VaRのコード= e.keyCode || e.which || e.charCode; VAR CVAL = content.value。 もし(e.ctrlKey &&コード== 10 ){ box.innerHTML + = CVAL + "<BR>" 。 // 警告(1) } }