2010-02-14 4 views
3

당신의 사람이 대해 designMode로 (붙여 넣기 또는 drag'n'drop 편집 가능한 HTML 문서에 삽입을 감지하는 크로스 브라우저 작업 방법을 알고 있나요 활성화 또는 contentEditable 사용).Drag'n'Drop 및 붙여 넣기 감지

붙여 넣기 감지는 사용자가 키 이벤트를 생성 할 때 Ctrl-V 단축키를 사용하는 한 작동하지만 편집 -> 붙여 넣기 브라우저를 사용하면 이벤트가 생성되지 않습니다.

+1

나는 CodeMirror (http://marijn.haverbeke.nl/codemirror/)를보고 저자가 한 것을 보길 권한다. – LiraNuna

+0

붙여 넣기가 잘 된 것처럼 보이지만 드래그 앤 드롭으로 코드를 몰래 발견 할 수 있습니다. – Fionn

답변

1

편집 가능한 문서, Firefox 시작 버전 3.0, 몇 년 동안의 WebKit (버전 번호가 확실하지 않음) 및 Internet Explorer 5.5 이후의 모든 붙여 넣기 (컨텍스트 또는 편집 메뉴 포함)에서 작동하는 paste 이벤트가 있습니다. body 요소에 paste 이벤트 핸들러를 추가하면이 모든 브라우저에서 작동합니다.

드래그 앤 드롭 이벤트에 대한 통찰력이 없습니다. 작업 한 편집자에게 드래그 앤 드롭을 명시 적으로 사용 중지해야 할 충분한 이유가 있습니다.

0

drag'n'drop을 처리하려면 mouseUp 이벤트에 가입 할 수 있습니다. 그러나이 경우 이미 붙여 넣은 html을 구문 분석해야합니다.