只读 <input> 防止向不同元素添加值答案

【问题标题】：Read only <input> prevents adding value to different element只读 <input> 防止向不同元素添加值
【发布时间】：2016-07-23 19:50:34
【问题描述】：

我有一系列<input> 元素和一个相应的脚本，可以在键入后自动聚焦下一个框。此外，还有一个只读元素，纯粹是为了向用户提供上下文。

只读元素防止在#DialFifth 中输入值。我尝试使用属性选择器来防止以只读方式拾取元素，但这似乎不起作用。

请查看 sn-p - 有什么想法吗？

$(':input').keypress(function() {
  $(this).next(':input').focus();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="DialFirst" name="DialFirst" type="text" value="" />
<input id="DialSecond" name="DialSecond" type="text" value="" />
<input id="DialThird" name="DialThird" type="text" value="" />
<input id="DialFourth" name="DialFourth" type="text" value="" />
<input id="DialFifth" name="DialFifth" type="text" value="" /> <!--Unable to type into this box-->
<input id="DialFinal" name="DialFinal" type="text" readonly="readonly" value="0" />

【问题讨论】：

标签： jquery jquery-selectors jquery-events

【解决方案1】：

问题与更改值和触发事件的顺序有关。要执行您需要的操作，请改用keyup：

$(':input').keyup(function() {
    $(this).next(':input').focus();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="DialFirst" name="DialFirst" type="text" value="" />
<input id="DialSecond" name="DialSecond" type="text" value="" />
<input id="DialThird" name="DialThird" type="text" value="" />
<input id="DialFourth" name="DialFourth" type="text" value="" />
<input id="DialFifth" name="DialFifth" type="text" value="" />
<input id="DialFinal" name="DialFinal" type="text" readonly="readonly" value="0" />

【讨论】：

谢谢 - 有预感这是与订单有关的事情
没问题，很乐意提供帮助。