Xpressのフロントエンドレコード--------- Javascriptのシリーズ(セクションXIイベントイベント)

 イベントオブジェクト(イベント)

イベント:の要素のいくつかの操作
イベントオブジェクト:オブジェクトが生成されたイベントをトリガします。イベントオブジェクトは、イベントが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)
                    } 
                }

 

おすすめ

転載: www.cnblogs.com/hudunyu/p/11684182.html