다음은 내 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] 삭제
몇 마디 만하겠습니다