如何使用java腳本在文本字段中調用textchange上的函數

Question

我有一個textfied我正在調用下面給出的函數，但問題在於它正在處理輸入，但無法在keyup上或作爲文本字段值的變化我想調用這個方法。

的Javascript：

$(function() { 

    var input = $('.input'), 
     bar = $('.bar'), 
     bw = bar.width(), 
     percent = bar.find('.percent'), 
     ps = percent.find('span'); 

    input.on('keydown', function(e) { 
     if (e.keyCode == 13) { 
      var t = $(this), 
       val = t.val(); 
      if (val >= 0 && val <= 100) { 
       var w = 100 - val, 
        pw = (bw * w)/100, 
        pa = { 
         height: w + '%' 
        }, 
        cw = (bw - pw)/2, 
        ca = { 
         left: cw 
        } 
       ps.animate(pa); 
       cs.text(val + '%'); 
       circle.animate(ca, function() { 
        circle.removeClass(name) 
       }).addClass(name); 
      } else { 
       alert('range: 0 - 100'); 
       t.val(''); 
      } 
     } 
    }); 

}); 

HTML：

<div class="text"> 
    <input type="text" class="input" value="0" id="sliderValue170h" /> 
</div> 

Answer 1

$('#sliderValue170h').change(function(){ 
{ 
    //your code here 
}); 

Answer 2

使用keyup代替​​

input.on('keyup', function(e) { 
    .... 

Answer 3

只是增加變化，它同時適用於keydo功能Wn和變化：

$（函數（）{

var input = $('.input'), 
    bar = $('.bar'), 
    bw = bar.width(), 
    percent = bar.find('.percent'), 
    ps = percent.find('span'); 

input.on('keydown change', function(e) { // in here it works for both keydown and change 
    if (e.keyCode == 13) { 
     var t = $(this), 
      val = t.val(); 
     if (val >= 0 && val <= 100) { 
      var w = 100 - val, 
       pw = (bw * w)/100, 
       pa = { 
        height: w + '%' 
       }, 
       cw = (bw - pw)/2, 
       ca = { 
        left: cw 
       } 
      ps.animate(pa); 
      cs.text(val + '%'); 
      circle.animate(ca, function() { 
       circle.removeClass(name) 
      }).addClass(name); 
     } else { 
      alert('range: 0 - 100'); 
      t.val(''); 
     } 
    } 
}); 

Answer 4

可以使用onkeypress事件事件是這樣的：

HTML

<div class="text"> 
    <input type="text" class="input" value="0" onkeypress="return runScript(event)" id="sliderValue170h"/> 
    </div> 

的Javascript

function runScript(e) 
{ 
    //Set Your logic 
     if (e.keyCode == 13) { 

     } 
} 

Answer 5

$('#sliderValue170h').bind('change keyup',function(){ 

var t = $(this), 
      val = t.val(); 
     if (val >= 0 && val <= 100) { 
      var w = 100 - val, 
       pw = (bw * w)/100, 
       pa = { 
        height: w + '%' 
       }, 
       cw = (bw - pw)/2, 
       ca = { 
        left: cw 
       } 
      ps.animate(pa); 
      cs.text(val + '%'); 
      circle.animate(ca, function() { 
       circle.removeClass(name) 
      }).addClass(name); 
     } else { 
      alert('range: 0 - 100'); 
      t.val(''); 
     } 
});