この演習でonkeydown-onkeypress-onkeyupを使用する方法

2つのテキストボックスを作成します。ユーザーは最初のテキストボックスにキーボードから入力し、2番目のテキストボックスでは最初のテキストボックスから変数を取り出し、 locks.Example：私は2つ目のボックスの最初のテキストボックス内の電子はので、私はtextboxfromでそれらの名前を変更していますE.はこの演習でonkeydown-onkeypress-onkeyupを使用する方法

ここでは、テキスト要素の両方に同じIDを与えている

<html> 
    <head> 
     <title>exc1</title> 
     <script> 
     function create() { 
     var x = document.getElementById("textbox").value; 


     } 
     function takevariable(x){ 

     } 
     </script> 
    </head> 
    <body> 
    <input type="text" id="textbox" onkeydown="create()"> 
    <input type="text" id="textbox" onkeypress="takevariable()"> 

    </body> 
    </html>

出典

2016-05-27 ek.Nik

、IDは一意である必要があるだろう与えますテキストボックス。第二に、ここでもあなたはkeyupイベントを聴く必要があります。さもなければ、二番目のボックスで最後の文字を取得しません。 1文字入力のため、ブラウザはkeyupイベントを発生させたときに文字を入力するためです。

<html> 
    <head> 
     <title>exc1</title> 
     <script> 
     function create() { 
      var x = document.getElementById("textboxfrom").value; 
     } 
     function takevariable(x){ 
      document.getElementById("textboxto").value = document.getElementById("textboxfrom").value.toUpperCase(); 
     } 
     </script> 
    </head> 
    <body> 
     <input type="text" id="textboxfrom" onkeydown="create()" onkeypress="takevariable()" onkeyup="takevariable()"> 
     <input type="text" id="textboxto" > 
    </body> 
</html>

出典

2016-05-27 11:01:35

この演習でonkeydown-onkeypress-onkeyupを使用する方法

答えて

関連する問題