In che modo il sito Web MDN (Mozilla Developer Network) modifica il menu di scelta rapida?
Ad esempio, this page.
Ho pensato di aver creato l'intero menu di scelta rapida per chiamarlo quando l'evento contextmenu è stato attivato, ma sembra un po 'pazzo.
Inoltre, non funziona su Chrome, quindi suppongo che sia una funzionalità solo per Firefox.
Qualcuno sa come lo fanno?
In che modo il sito Web MDN modifica il menu di scelta rapida?
risposta
documentazione è un po 'scarne, ma è con il contextmenu
attribute which is new in HTML5. Utilizza lo menu
HTML tag che ora è diverso dalla sua implementazione HTML4. supporto del browser isn't so great, ma è supportato in Firefox 8.
Ecco uno screenshot del DOM sulla pagina che mostra il relativo codice HTML, l'attributo contextmenu
sulla body
ei menu
tag, che vengono espansi.
UPDATE: questa risposta in precedenza dichiarato che Chrome 36 e fino sostenuto questa caratteristica, come affermato in precedenza dalla pagina di caniuse. Questo sembra non essere il caso e caniuse ha rimosso queste informazioni.
Ho appena finito di scrivere un articolo sui menu HTML5 e il supporto del browser: https://dpogue.ca/articles/html5-menu.html
In sintesi:
Firefox implementa questo utilizzando il vecchio (non spec-compliant)
type="context"
attributo tag menù . C'è un bug per Firefox per l'aggiornamento alle specifiche più recenti.Chrome lo implementa in base alle specifiche (
type="popup"
) a partire da Chrome 41, ma è dietro il flag "Caratteristiche della piattaforma Web sperimentale".
A causa di questa differenza nell'attributo type, è essenzialmente impossibile scegliere come target entrambe le implementazioni allo stesso tempo. Mentre type="context"
significa che gli utenti di Firefox vedranno il menu, è contrario alle specifiche e probabilmente non sarà supportato da altri browser.
Per qualche motivo non è elencato nella pagina di Chromium [Web Platform Status] (https://www.chromestatus.com/features#menu), ma [ecco l'errore pertinente] (https://code.google.com/p/chromium/issues/detail?id=87553) per chiunque desideri rintracciarlo. – janfoeh
Bug di Firefox: ["Aggiornamento
Il menu di scelta rapida è uguale a me? Puoi aggiungere uno screenshot? –
Ho aggiunto l'immagine alla domanda – patkoala
Non riesco a riprodurlo su Firefox 30 –