javascript - JS onkeydown/onkeyup - 转换为 jQuery keydown/keyup

Question

我目前有一些用于电话号码验证的js，它在输入字段中使用内联事件监听器。我需要更改此示例，这样我就可以定位 jQuery 中的 DOM 元素并添加事件监听器，而不是内联附加事件监听器。这是我迄今为止所拥有的一个工作示例:http://jsfiddle.net/yVdgL/21/

window.mask = function (e,f){
    var len = f.value.length;
    var key = whichKey(e);
    if((key>=47 && key<=58) || (key>=96 && key<=105))
    {
        if( len==1 )f.value='('+f.value
        else if(len==4 )f.value=f.value+')'
        else if(len==8 )f.value=f.value+'-'
        else f.value=f.value;
    }
}

function whichKey(e) {
    var code;
    if (!e) var e = window.event;
    if (e.keyCode) code = e.keyCode;
    else if (e.which) code = e.which;
    return code
}

和

<input type="text" name="phone" id="phone" onkeydown="mask(event,this)" onkeyup="mask(event,this)" maxlength="13" />

我试过this但无法实现我需要的功能。

Answer 1

我已经更新了你的 jsfiddle 示例:-

jQuery(document).ready(function(){
    jQuery('#edit-phone1').keyup(function(event){
        mask(event,this);
    });
    jQuery('#edit-phone1').keydown(function(event){
        mask(event,this);
    });
});

单击此处查看工作示例:- http://jsfiddle.net/yVdgL/38/

或者你可以尝试:-

$(document).ready(function() {
    $('#edit-phone1').on("keyup keydown", function(e) {
        mask(e, this);
    });

});

链接是:- http://jsfiddle.net/yVdgL/56/