¿alguien puede explicar qué hace el atributo contextmenu y si se puede usar con todos los elementos HTML y alguien me puede indicar algunas demostraciones/ejemplos en línea?¿Puede alguien explicar lo que hace el atributo contextmenu en HTML5?
Respuesta
El atributo contextmenu se refiere al elemento <menu>
el agente de usuario debe hacer cuando un menú de contexto es solicitado por el usuario (por ejemplo, usando el botón derecho del ratón o la tecla Menu
/Hyper
en los teclados modernos.
puede encontrar un ejemplo here.
Documento no encontrado ... –
el contexto menú aparece cuando el usuario hace clic sobre un elemento de interfaz. el atributo contextmenu
es la ID de un elemento de <menu>
para abrir cuando el usuario hace clic derecho en el elemento con este atributo.
Citando para que usted pueda comprender fácilmente:
El atributo contextual le permite para mostrar un menú sin ocupar espacio en la interfaz de usuario valiosa para el menú. Es un menú que se activa en eventos, como mouseup o keyup que proporciona un menú de burbuja que proporciona opciones y acciones basadas en esas selecciones.
Fuente:http://net.tutsplus.com/tutorials/html-css-techniques/html5-globals-and-you/
ver enlace oficial para más información:
<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
Agregue algunas explicaciones a su respuesta ... Por cierto, el enlace está muerto ... –
El menú contextual debe usarse en un campo de entrada para especificar qué elemento de menú es para el campo. Los menús se ven más o menos como el menú del botón derecho o un cuadro desplegable, pero aún no están implementados en ningún navegador, por lo que debe evitar usarlos.
Esto puede ayudar a aclarar las cosas: http://dev.w3.org/html5/spec-author-view/interactive-elements.html
Se puede ver cómo puede parecer que en esta demostración: https://bug617528.bugzilla.mozilla.org/attachment.cgi?id=554309
En el momento de escribir solamente Firefox 8 es compatible con ella.
¡Gracias, genial para aprender con el ejemplo! – Jason
- 1. ¿Alguien puede explicar el atributo HTML5 aria- *?
- 2. ¿Alguien puede explicar lo que hace el C# "Func <T,T>"?
- 3. ¿Alguien puede explicar lo que está sucediendo detrás de escena?
- 4. ¿Alguien puede explicar el attr?
- 5. ¿Alguien puede explicar OAuth?
- 6. ¿Alguien puede explicar el atributo conf de la dependencia ivy.xml?
- 7. ¿Alguien puede explicar que debe anular?
- 8. Puede alguien explicar qué función ($) hace en jQuery
- 9. ¿Alguien puede explicar qué hace dup() en C?
- 10. ¿Alguien puede explicar el archivo Spring web.xml?
- 11. ¿Alguien puede explicar Microsoft Unity?
- 12. ¿Podría alguien explicar lo que realmente hace la declaración MERGE en Oracle?
- 13. ¿Alguien puede explicar este truco 'doble negativo'?
- 14. puede alguien explicar la diferencia
- 15. ¿Alguien puede explicar el eclipse.p2.profile
- 16. ¿Alguien puede explicar el mapeo de servlets?
- 17. ¿Alguien puede explicar esta sintaxis?
- 18. ¿Puede alguien explicar Cursor en Android?
- 19. ¿alguien puede explicar cómo funciona este stopPropagation?
- 20. ¿Por qué hace esto lo que hace?
- 21. ¿Alguien puede explicar mappedBy in hibernate?
- 22. plantilla ¿Vínculo externo? ¿Alguien puede explicar esto?
- 23. ¿Alguien puede explicar esto: 0.2 + 0.1 = 0.30000000000000004?
- 24. ¿Alguien puede explicar este código de Java
- 25. ¿Puede alguien explicar este uso C++ referencia
- 26. Hackeado: ¿Alguien sabe lo que hace este código PHP?
- 27. ¿Podría alguien explicar el LDAP?
- 28. ¿Alguien puede explicar la paradoja Class.superclass.class.superclass?
- 29. ¿Alguien puede explicar cómo usar FastTags
- 30. ¿Alguien puede explicar cómo funciona esto?
@TJ https://html.spec.whatwg.org/multipage/forms.html#context-menus –