그누보드6 홈페이지 내 단축키 기능 추가하기 정보
그누보드6 홈페이지 내 단축키 기능 추가하기
본문
형태로 단축키를 설정하여, 홈페이지를 편하게 이용할 수 있습니다.
다만, 이는 PC전용 기능이며, 모바일에서는 동작하지 않습니다.
templates/사용하시는테마/bbs/menu.html 파일을 열어주세요
어디쯤 말고 맨 하단에 보시면 스크립트 종료 되는 부분에 아래 코드를 넣어주시면 됩니다.
// 단축키를 아래에 순서대로 맞게 설정해주세요 - 메뉴 순서는 홈페이지 내 메뉴와 동일합니다.
let key_list = ['a', 'f', 'g', 't', 'd'];
let menus = [
{% for menu in menus %}
{ me_link: "{{ menu.me_link }}", me_target: "{{ menu.me_target }}", me_name: "{{ menu.me_name }}" }{% if not loop.last %},{% endif %}
{% endfor %}
];
menus.forEach((menu, index) => {
if (index < key_list.length) {
let key = key_list[index];
let menuItem = $(`a[href='${menu.me_link}']`);
if (menuItem.length) {
menuItem.prepend(` <span style="display:inline-block; font-size: 10px; background-color: var(--menuBg); color: #fff; height: 16px; line-height: 14px; padding: 0 4px;">(${key.toUpperCase()})</span>`);
}
}
});
$(document).on('keydown', function(e) {
if (!$(e.target).is('input, textarea')) {
let keyIndex = key_list.indexOf(e.key);
if (keyIndex !== -1 && keyIndex < menus.length) {
window.location.href = menus[keyIndex].me_link;
}
}
});
아래는 위 코드 첨부된 스샷입니다.
이렇게 적용하시면 맨위의 스샷처럼 메뉴에도 단축키가 표기 되며, 사용할 수 있습니다.
고맙습니다.
추천
2
2
댓글 1개
기능이 좋아 보입니다.
