TinyMCE : 전체 편집기 외부를 클릭 할 때만 이벤트를 트리거하십시오.

Question

TinyMCE (jQuery 에디션)를 매우 오래된 시스템 (AJAX 이전 버전이라고 생각)에 통합하려고합니다. 요구 사항 중 하나는 사용자가 편집기 외부를 클릭 할 때 페이지를 다시로드해야한다는 것입니다 (묻지 말고 지금 당장 필요하다고 가정).

사용자가 Iframe 편집기 외부를 클릭하면 작동합니다. 그러나 TinyMCE 툴바 버튼은 에디터 외부에도 있으며, 드롭 다운이나 모달 윈도우와 관련된 특정 버튼도 'blur'이벤트를 호출합니다.

해결 방법이 있습니까? 아니면 사용할 수있는 대체 이벤트가 있습니까? TinyMCE 문서를 통해 크롤링했지만 전체 편집기를 다루는 훅이 아닌 것 같습니다.

JSFiddle demo (http://jsfiddle.net/mnNy2/)에 문제를 확인하는 방법에 대한 안내가 있습니다.

Answer 1

당신이 요소 &에 대한 아이디의를 가질 수는 var id=e.target.id를 사용하여 클릭 한 요소의 ID를 얻고 그에 따라 그 경우를 조건을 적용 할 수 있습니다

(E)에서 myfunc에 모든 텍스트 영역 요소를

를 넣어 텍스트 영역의 모든 요소는 다른 e.preventDefault() alert('changed);

이 작동합니다을 클릭합니다.

Answer 2

당신은 단순히 이것을 사용할 수 있습니다 도구 모음을 클릭하면

$('body').click(...);