포럼

핫키를 사용하는 사이트 페이지가 있습니다.

http://eond.com/dental

글쓰기 페이지에서 뭘 누르면 나가겠냐는 메시지가 뜨길래 이유를 찾아보니, 레이아웃에 사용된 핫키와 동작이 충돌해서였네요. 

저는 레이아웃에 사용했지만 핫키 애드온도 있는 걸로 알고 있습니다.

해당 핫키 소스는 다음과 같습니다

function checkHotkey(){
if ( (event.srcElement.tagName != 'INPUT') && (event.srcElement.tagName != 'TEXTAREA') ){
if ( (event.keyCode=='48') || (event.keyCode=='101') ) location.replace('/eond'); /* e, 0 */
if ( (event.keyCode=='49') || (event.keyCode=='119') )location.replace('/web'); /* w, 1 */
if (event.keyCode=='50' || event.keyCode=='100') location.replace('/webmal'); /* d, 2 */
if (event.keyCode=='51' || event.keyCode=='99') location.replace('/community'); /* c, 3 */
if (event.keyCode=='52' || event.keyCode=='108') location.replace('/look'); /* l, 4 */
if ( (event.keyCode=='53') || (event.keyCode=='114') ) location.replace('/rosso'); /* r, 5 */
if ( (event.keyCode=='54') || (event.keyCode=='115') ) location.replace('/is'); /* s, 6 */
if (event.keyCode=='55' || event.keyCode=='110') location.replace('/mynote'); /* n, 7 */
if (event.keyCode=='56' || event.keyCode=='102') location.replace('/likefirst'); /* f, 8 */
if (event.keyCode=='57' || event.keyCode=='104') location.replace('/hera'); /* h, 9 */
if (event.keyCode=='121') location.replace('/yncare'); /* y */
}
}
document.onkeypress=checkHotkey;

input이나 textarea가 아닌 경우에 저런 식으로 메뉴를 이동하는 소스를 사용했는데요~

로마네스크에서 배포하는 플로알라에디터 스킨의 경우 텍스트입력박스가 인풋이나 textarea 태그가 아니라

일반 div 태그에 글이 입력이 되는 거 같네요.

※ 제 사이트 레이아웃과 플로알라 에디터 스킨의 동작 소스

실제 input에 입력되는 게 아니라 fr-element 라는 div 에 입력되고, (contenteditable="true" 이면 입력이 되나봅니다.)

입력 후 잠시 뒤 다른 곳을 클릭하면 input name="content"에 입력되더군요.

음...

https://github.com/madrobby/keymaster/issues/45

http://sarangyik.tistory.com/entry/eventsrcElement

https://developer.mozilla.org/ko/docs/Web/API/HTMLElement/contentEditable