当输入=" number"

时间:2018-05-03 14:36:57

标签: javascript html input onkeyup html5-input-number

在HTML 输入文字中,使用 onKeyUp 方法,我可以在输入时在输入按钮上捕获点击事件 类型 =" 文字"

但是如果输入类型="数字" ,则同一事件无法触发。

HTML

<input id="inputLocation" type="text" class="inputBarCode" style="text-transform: uppercase" placeholder: placeholder/>

JS

 $('#inputLocation').keyup(function (e) {
     if (e.which === 13) {
         $('#inputLocation').blur();
         //self.executeLocationLookup();
         alert("Event ", e.which);
     }
 });

如果输入类型为 数字键盘

,请告诉我如何获取输入按钮的点击事件(13)

Please Refer the attached image

2 个答案:

答案 0 :(得分:0)

使用event.target.value属性或$(this).val()

$('#inputLocation').keyup(function (e) {
  if (e.which === 13 && isNumber(e.target.value)) {
     $('#inputLocation').blur();
     //self.executeLocationLookup();
     alert("Event ", e.which);
  }
});  

function isNumber(n) {
   return !isNaN(parseFloat(n)) && isFinite(n);
}

答案 1 :(得分:0)

最好实际听一下按下回车键时触发的submit事件。

使用以下标记:

<form>
    <input id="inputLocation" type="text" class="inputBarCode" style="text-transform: uppercase" placeholder: placeholder/>
</form>

您可以使用submit()来监听提交事件。

$('form').submit(function (e) {
    // prevent the page from auto-navigating on form submit
    e.preventDefault();

    // do something
});