入力イベントの互換性

<のdivクラス= "ラッパー">
   <P>キープレス - イベントadroid </ P>に呼び出しません
   <input type = "text" クラス= "INPUT1">
   <スパンクラス= "コード"> </ span>を   
</ div>

<のdivクラス= "ラッパー">
   <P> KeyDownイベント</ P>
   <input type = "text" クラス= "入力2">
   <スパンクラス= "コード"> </ span>を
</ div>

<のdivクラス= "ラッパー">
   <P>からkeyup </ P>
   <input type = "text" クラス= "INPUT3">
   <スパンクラス= "コード"> </ span>を   
</ div>

<のdivクラス= "ラッパー">
   <P> textInputイベント - 無FFやOperaのサポート</ P>
   <input type = "テキスト" ID = "INPUT4">
   <スパンクラス= "コード"> </ span>を   
</ div>

<のdivクラス= "ラッパー">
   <P>入力に - ぼかし上で実行されます。</ p>
   <input type = "text" クラス= "Input5の">
   <スパンクラス= "コード"> </ span>を   
</ div>

<のdivクラス= "ラッパー">
   <P>テスト</ P>
   <input type = "テキスト" ID = "Input6の">
   <スパンクラス= "コード"> </ span>を   
</ div>

<のdivクラス= "ラッパー">
   <P>入力数ないJS </ P>
   <input type = "番号" クラス= "">
   <スパンクラス= "コード"> </ span>を   
</ div>


<P>
   イベントのために<a href="http://jsfiddle.net/SpYk3/NePCm/">便利検出する</a>
</ P>

　　

$（' .input1 ' ）.keypress（関数（E）{
    VARラッパー= $（この）.closest（' .wrapper ' ）;
    VAR htmlTarget = wrapper.find（' .CODE ' ）;
    // $（htmlTarget） .htmlの（e.which）; 
     // （e.which == 8）{場合// 8は、バックスペースである
      にconsole.log（E）;
       VAR HTML = " キー：" + e.key + " コード：" + e.keyCode;
      $（htmlTarget）.htmlを（HTML）。
        // e.preventDefault（）;
    // } 
}）。

$（' .input2 ' ）.keydown（関数（E）{
    VARのラッパー= $（この）.closest（' .wrapper ' ）;
    VAR htmlTarget = wrapper.find（' .CODE ' ）;
     // もし（E。これ== 8）{ // 8バックスペースである
      ;にconsole.log（E）
       VAR HTML = " ：キー" + e.key + " コード：" + e.keyCode。
      $（htmlTarget）.htmlを（HTML）。
        // e.preventDefault（）;
    // } 
}）。

$（' .input3 ' ）.keyup（関数（E）{
    VARラッパー= $（この）.closest（' .wrapper ' ）;
    VAR htmlTarget = wrapper.find（' .CODE ' ）。
   console.log（E）;
   VARのhtml = " キー：" + e.key + " コード：" + e.keyCode。
   $（htmlTarget）.htmlを（HTML）。
}）;

VAR input_field =のdocument.getElementById（' INPUT4 ' ）;
 input_field.addEventListener（' にtextInput ' 、機能（E）{
    VARのラッパー= $（この）.closest（' .wrapper ' ）;
    VAR htmlTarget = wrapper.find（' .CODE ' ）;
     // e.dataになります1：1入力あなたが完了
    VAR  のchar = e.data; // この例で= "" 
    はconsole.log（E）;
     // 必要に応じてのkeyCode .. 
    VARのkeyCode = CHAR .charCodeAt（0）; // A = 97 
    VARのhtml = "キー：" + 文字 + " 、コード：" + のkeyCode。
    $（htmlTarget）.htmlを（HTML）。
    // 「」押下された場合に処理を停止
    する場合（のkeyCode == 97 ）{
        e.preventDefault（）;
        リターン はfalse ;
    }
    返す 真;
}）;

$（' .input5 '）.on（' 変更' 、関数（E）{
    console.log（E）;
   VARラッパー= $（この）.closest（' .wrapper ' ）;
   VAR htmlTarget = wrapper.find（' .CODE ' ）;
   console.log（E）;
   VARのhtml = " キー：" + e.key + " コード：" + e.keyCode。
   $（htmlTarget）.htmlを（HTML）。
}）;

// $（ '＃のInput6の'）（ '変更'、機能（e）の上{。
 //      にconsole.log（E）;
 //     VARラッパー= $（この）.closest（ 'ラッパー。'）;
 //     VAR htmlTarget = wrapper.find（ 'コード'）;
 //     はconsole.log（E）;
 //     VARのhtml = "キー：" + e.key + "コード：" + e.keyCode;
 //     $（ htmlTarget）の.html（HTML）;
 // }）。

VaRの入力=のdocument.getElementById（' Input6の' ）。
VAR OLDVALUE;
VAR keydownHandler = 関数（E）{
   OLDVALUE = e.target.value。
    console.log（OLDVALUE）。
 }
 た入力歩み= {関数（E）
    であった電動= e.target、
       newValueに = el.value。
      console.log（newValueに）。
   ;
 }

input.addEventListener（' KeyDownイベント' 、keydownHandler）。
input.addEventListener（' 入力'、inputHandler）。