数字输入的触发功能

时间:2017-06-05 10:15:51

标签: javascript jquery

我有一个文本输入,用户可以在其中写入地址,我想在文本输入中键入数字时触发javascript函数,我该如何实现呢?

编辑:我需要知道什么时候输入一个数字,onkeyup通过jquery就像魅力一样,这就是我所做的:

$("#q").keyup((e) => {

        var value = $("#q").val();

        var regex = new RegExp("[a-zA-Z0-9_ ]\\d+");

        var succeded = regex.test(value);

        ...

4 个答案:

答案 0 :(得分:1)

您可以这样做:

$("input").keyup(function(){
    $("input").css("background-color", "pink");
});

Source

答案 1 :(得分:1)

你只需要在KeyEvents中使用build,比如(keyDown,keyUp,keyPress等)。 你可以找到很多关于它的信息。 KeyboardEvent mozilla

  1. 创建html输入,并提供唯一ID。
  2. 表单JS代码采用此元素。
  3. 然后将事件处理程序绑定到目标元素。

    [“YOUR_ELEMENT”]。addEventListener(“keypress”,function(e){ console.log(e.value);},false);

答案 2 :(得分:0)

$('.js-input').on('keydown', function(e) {
    console.log('pressing:', e.keyCode);
});

<input type="text" class="js-input">

DEMO

这将帮助您入门

答案 3 :(得分:0)

这将完成你的工作:

$('#tbInput').keypress(function(event){

if(event.which != 8 && isNaN(String.fromCharCode(event.which))){
}
else
{
//Your function that you want to trigger.
alert("You pressed a numberic key: " + event.which);
}});

你可以在这里测试一下: JSFIDDLE DEMO