JQuery와 범위 선택 이전 요소의 contentEditable 나는이 조각을 가지고

<div contenteditable="true"> father 
     <a contenteditable="false" href="#"> myLink </a> 
</div>

내 문제는 내가

</a>

후 캐럿을 배치하고 난 제거 내 링크에 대한 백 스페이스하려고하면 html 태그, 파이어 폭스에서는 작동하지 않지만 chorme, opera, safari 및 explorer에서 작동합니다. 파이어 폭스에서 내가

<a contenteditable="false" href="#"> myLink </a>

을 선택한 다음 작동 백 스페이스로 삭제하는 경우 다른 한편!

가능한 해결 방법은

<a contenteditable="false" href="#"> myLink </a>

프로그래밍 할 때 사용자 자리 백 스페이스 키 요소의 범위를 선택한다.

어떻게 이것을 jquery에서 할 수 있습니까? 캐럿 커서가

</a>

및 사용자 숫자 백 스페이스 이후 인 경우 나는

<a contenteditable="false" href="#"> myLink </a>

선택하고 해당 노드를 제거합니다.

2011-12-31 paganotti

, 나는 FF, IE 8, 크롬에서 테스트 및 백 스페이스로 제거 할 수 있었다

, 아래와 같이 =의 contentEditable로

<a contenteditable="false" href="#"><span contenteditable="true"> myLink </span></a>

확인 여기 jsFiddle을 진정한 span 태그 추가 FF와 다른 브라우저에서는 사용자 경험이 다릅니다.

이것이 최선의 방법인지 확신 할 수 없습니다.

은 편집 :이 같아 이미 답한다 here

2011-12-31 10:38:41

답변