Ai đó có thể giải thích thuộc tính contextmenu trong HTML5 không?

Question

ai đó có thể giải thích thuộc tính contextmenu làm gì và nếu nó có thể được sử dụng với tất cả các phần tử HTML và ai đó có thể chỉ cho tôi một số demo/ví dụ trực tuyến?

Answer 1

Thuộc tính contextmenu đề cập đến <menu> yếu tố tác nhân người dùng nên làm khi một menu ngữ cảnh được yêu cầu của người sử dụng (ví dụ như bằng cách sử dụng nút chuột phải hoặc phím Menu/Hyper trên bàn phím hiện đại.

Bạn có thể tìm thấy một ví dụ here.

Answer 2

Bối cảnh menu sẽ xuất hiện khi người dùng phải nhấp chuột vào một yếu tố giao diện. thuộc tính contextmenu là ID của một yếu tố <menu> để mở khi người dùng nhấp chuột phải vào các phần tử với thuộc tính này.

Answer 3

Trích dẫn để bạn có thể hiểu một cách dễ dàng:

Thuộc tính ContextMenu cho phép bạn để hiển thị một menu mà không chiếm không gian UI có giá trị cho menu. Đó là một menu kích hoạt trên các sự kiện, chẳng hạn như mouseup hoặc khóa cung cấp một bong bóng menu cung cấp các tùy chọn và hành động dựa trên những lựa chọn đó.

Nguồn:http://net.tutsplus.com/tutorials/html-css-techniques/html5-globals-and-you/

Xem liên kết chính thức để biết thêm thông tin:

http://www.w3.org/TR/html5/interactive-elements.html

Answer 4

<form name="npc"> 
<label>Character name: <input name="char" type="text" contextmenu="namemenu" required></label> 
<menu type="context" id="namemenu"> 
    <command label="Pick random name" onclick="document.forms.npc.elements.char.value = getRandomName()"> 
    <command label="Prefill other fields based on name" onclick="prefillFields(document.forms.npc.elements.char.value)"> 
</menu> 
</form> 

http://www.w3.org/TR/html5/interactive-elements.html#context-menus

Answer 5

contextmenu nên được sử dụng trên một trường đầu vào để xác định phần tử menu nào cho trường đó. Các menu trông giống như menu nhấp chuột phải hoặc hộp thả xuống tuy nhiên chúng không được triển khai trong bất kỳ trình duyệt nào nên bạn nên tránh sử dụng chúng.

này có thể giúp mọi việc rõ ràng lên: http://dev.w3.org/html5/spec-author-view/interactive-elements.html

Answer 6

Bạn có thể xem làm thế nào nó có thể trông giống như trong demo này: https://bug617528.bugzilla.mozilla.org/attachment.cgi?id=554309

Vào thời điểm chỉ bằng văn bản FireFox 8 hỗ trợ nó.