假設(shè)我有一個(gè)輸入字段，例如<input type='number' id='input-tenths' />我想要實(shí)現(xiàn)的目標(biāo)是將我放入該字段的數(shù)字視為“十分之一”而不是整數(shù)，例如：當(dāng)我在此輸入字段中輸入 a 時(shí)3，我希望該字段的值為0.3之后，當(dāng)我輸入 a 時(shí)5，我希望該值變?yōu)?.5...然后 a 9，該值應(yīng)變?yōu)?5.9到目前為止，我已經(jīng)嘗試添加一個(gè)隱藏字段<input type='hidden' id='hidden-tenths'/>和一個(gè)類似的函數(shù)$('#input-tenths').on('input', function(e){ $('#hidden-tenths').val($('#hidden-tenths').val() + '' + $(this).val().slice(-1)); $(this).val($('#hidden-tenths').val() / 10); $('#hidden-tenths').val($(this).val() * 10);});但這并不總是按預(yù)期工作（例如，當(dāng)我在原始輸入中退格時(shí)，會(huì)附加而不是刪除一個(gè)數(shù)字，正如使用.slice(-1).什么是實(shí)現(xiàn)預(yù)期行為的好方法，我試圖避免顯式綁定所有按鍵，從而實(shí)質(zhì)上重新編程輸入字段（除非這是實(shí)現(xiàn)這一目標(biāo)的唯一方法）。$('#input-tenths').on('input', function(e) { $('#hidden-tenths').val($('#hidden-tenths').val() + '' + $(this).val().slice(-1)); $(this).val($('#hidden-tenths').val() / 10); $('#hidden-tenths').val($(this).val() * 10);});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><input type='number' id='input-tenths' /><input type='number' id='hidden-tenths' />
1 回答
動(dòng)漫人物
TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超10個(gè)贊
高興時(shí)將不透明度從 0.3 更改為 0。您可能想要隱藏小數(shù)
$('#hidden-tenths').on('input', function(e) {
$('#input-tenths').val((this.value/10).toFixed(1))
});
#input-tenths { opacity:1; position:absolute; z-index:0; }
#hidden-tenths { opacity:.3; position:absolute; z-index:100; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type='number' id='input-tenths' />
<input type='number' id='hidden-tenths' />
- 1 回答
- 0 關(guān)注
- 167 瀏覽
添加回答
舉報(bào)
0/150
提交
取消