jquery - 转到下一步时更改输入值
jquery - change input value when go to next
当您在输入[文本]时按下标签按钮时,您将自动转到下一个输入,当您填写所有输入并再次想要重新填写它们时,值将以蓝色突出显示,所以我尝试在不按 tab 按钮的情况下执行此操作,它已经转到下一个输入但它不会突出显示以获得新值并且您必须拖动(select 全部)值以替换新值。
所以我想当它转到下一个值时,当它已经填满时,它会获得蓝色突出显示和可编辑。请查看我的 JSFiddle 并填写所有输入然后重新填写它们然后您将看到您无法更改值,直到您拖动值进行更改。
$(".digits").keyup(function () {
if (this.value.length == this.maxLength) {
$(this).prev('.digits').focus();
}
});
试试这个:您可以在输入框中添加 focus
事件处理程序和 select 所有文本。请参阅下面的代码和 JSFiddle 演示
$(".digits").focus(function(){
$(this).select();
});
试试这个代码它工作正常
$(".digits").keyup(function () {
if (this.value.length == this.maxLength) {
$(this).prev('.digits').focus();
$(this).prev('.digits').trigger( "select" );
} });
当您在输入[文本]时按下标签按钮时,您将自动转到下一个输入,当您填写所有输入并再次想要重新填写它们时,值将以蓝色突出显示,所以我尝试在不按 tab 按钮的情况下执行此操作,它已经转到下一个输入但它不会突出显示以获得新值并且您必须拖动(select 全部)值以替换新值。
所以我想当它转到下一个值时,当它已经填满时,它会获得蓝色突出显示和可编辑。请查看我的 JSFiddle 并填写所有输入然后重新填写它们然后您将看到您无法更改值,直到您拖动值进行更改。
$(".digits").keyup(function () {
if (this.value.length == this.maxLength) {
$(this).prev('.digits').focus();
}
});
试试这个:您可以在输入框中添加 focus
事件处理程序和 select 所有文本。请参阅下面的代码和 JSFiddle 演示
$(".digits").focus(function(){
$(this).select();
});
试试这个代码它工作正常
$(".digits").keyup(function () {
if (this.value.length == this.maxLength) {
$(this).prev('.digits').focus();
$(this).prev('.digits').trigger( "select" );
} });