当键入某个字符时,使用jQuery将光标移动到另一个字段？

Question

我的网页上有两个文本字段.用户应输入由连字符(" - ")字符分隔的两个数字.数字可以是1到10位数.当用户按下连字键时,我需要光标移动到下一个字段.

我可以轻松地使用光标移动$('#txtField2').focus().但是,我仍然遇到连字符仍然在第一个文本字段中的问题.如何轻松地抑制连字符出现在第一个文本字段中？

Answer 1

HTML

<form>
    <input type='text' class='num' />
    <input type='text' class='num' />
</form>

JavaScript的

$('.num:first').keydown(function (event) {
    // check for hyphen
    if (event.which === 189) {
        event.preventDefault();
        $(this).next('.num').focus();
    }
});

现场演示