0

独自の html 数値入力を作成し、html ページで再利用したいと考えています。
たとえば、次のように宣言します。 

<input controlname="numberInput" type="text" onkeydown="return ValidateNumber(event);" onblur="ReturnToDefaultValue(this);" value="0"/>

そして、それを次のように再利用します。

<div>
    <input type="numberInput" id="number1" />
    <input type="numberInput" id="number2" /> 
    <input type="numberInput" id="number3" /> 
</div>

誰かが何かを提供できますか？
ありがとう

4

3 に答える 3

1

入力にクラスを与えます。

<input type="number" class="special_input">

次に、適切な jQuery を追加します。

$(function() {
  $("input.special_input").keydown(function(event) {
    return validateNumber(event);
  });
  $("input.special_input").blur(function(event) {
    returnToDefaultValue(this);
  });
});

...例えば。

于 2013-01-08T17:24:24.177 に答える
1

type最良の方法は、入力にクラスを追加して、通常の(「テキスト」など)を与えることです。次に、JavaScript を使用して動作を追加できます。

例 (jQuery を使用):

 $('.numberInput')
   .on('blur', returnToDefaultValue)
   .on('keydown', function(e) { validateNumber(e);});
于 2013-01-08T17:26:31.147 に答える
0

jquery をページに追加してから、<script src="jquery.js" />HTML を貼り付けて、次のようなスクリプト タグを追加します。

<script>
    $(function(){
        $(".controlNumber")
        .blur(function(e){ 
            ///blur stuff
        })
        .keydown(function(e) {
            //keydown stuff
        });
</script>

入力すると、次の名前のクラスが必要ですcontrolNumber

<input type="text" class="controlNumber" />

class を使用すると、すべてのcontrolNumberのスタイルを簡単に設定できます

于 2013-01-08T17:27:26.750 に答える