목차
- <menuitem> 예제 - 마우스 오른쪽 팝업메뉴
- <menuitem> 정의
- <menuitem> 속성
※ 지원 브라우저가 거의 없어 볼 필요 없음. ㅡㅡ;
<menuitem> 예제 - 마우스 오른쪽 팝업메뉴
<menu type="context" id="hz">
<menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png"></menuitem>
<menu label="Share on...">
<menuitem label="트위터Twitter" icon="http://twitter.com/ico_twitter.png" onclick="window.open('//twitter.com/intent/tweet?text=' + window.location.href);"></menuitem>
<menuitem label="페이스북" icon="http://facebaook.com/ico_facebook.png" onclick="window.open('//facebook.com/sharer/sharer.php?u=' + window.location.href);"></menuitem>
</menu>
<menuitem label="메일로 공유" onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
<menuitem> 정의
해당 페이지에서 마우스 오른쭉 눌렀을 때 나타나는 팝업 페이지에 명령이나 메뉴 사항 추가.
1.
시작태그와 종료태그로 구성
2.
HTML5에 새로 도입
3.
현재, 최신 브라우저도 지원 X
4.
<menu> 태그 안에서 사용.
<menuitem> 속성
속성 |
속성값 |
의미 |
비고 |
checked |
checked |
type="radio" 또는 type="checkbox" 경우, 페이지가 띄워질 때 체크돼야 하는 명령어나 메뉴 사항 지정 |
HTML5 추가 |
command |
|
|
HTML5 추가 |
default |
default |
기본 명령어나 메뉴 사항으로 지정 |
HTML5 추가 |
disabled |
disabled |
실행해선 안 되는 명령어를 지정 |
HTML5 추가 |
icon |
URL 주소 |
아이콘 주소 |
HTML5 추가 |
label |
문자열 |
명령이나 메뉴 사항 |
HTML5 추가 |
radiogroup |
그룹 이름 |
type="radio" 경우일 때, 명령이나 메뉴 사항이 토글될 때 보여질 명령어들의 그룹 이름 지정. |
HTML5 추가 |
type |
checkbox command radio |
명령이나 메뉴 사항의 타입 (※ 기본값: command) |
HTML5 추가 |
<menuitem> 태그는 전역속성과 이벤트속성 지원