这是我的HTML代码
<ul class="options-list">
<li contenteditable="true">Customer List</li>
<li contenteditable="true">Product List</li>
</ul>
当用户单击第一个li时，内容变为可编辑状态，第二个div上也会发生同样的情况。现在的要求是，在第一个li上进行编辑时，如果用户按下Enter键，我需要停止编辑第一个li并移至第二个li并自动启动编辑模式。
这是我的JS代码
$('.options-list').on('keypress', 'li', function (e) {
if (e.keyCode === 13) {
$(e.currentTarget).blur(); //this works
$(e.currentTarget).siblings('li').click(); // this doesn't work
return false;
}
})
任何帮助，将不胜感激
相反.click()，您可以使用.focus()。
例如：
$('.options-list').on('keypress', 'li', function (e) {
if (e.keyCode === 13) {
$(e.currentTarget).blur();
$(e.currentTarget).siblings('li').focus();
return false;
}
})
jsfiddle演示在这里。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句